[知识库]为页头增加随机的背景图片

在这里讨论和发布PHPBB3.0.X风格和主题
Post Reply
User avatar
土老耄
技术组成员
技术组成员
Posts: 1441
Joined: 2006-11-18 8:17

[知识库]为页头增加随机的背景图片

Post by 土老耄 » 2008-06-18 15:10

为页头增加随机的背景图片(只限于prosilver或者以prosilver为源开发的风格)

1) 将你的页头背景图片档案名称设定成header_random_1.EXTENSION.

* 这个数字从1开始至n,按顺序排名,如:1,2,3,4,5...n,切记中间别漏了任何号码。
* 这个EXTENSION需要用统一的图片格式(如:全部jpg, png或者gif)

还有补充:图片的像素都一样这一点大家都应该知道了吧?

2) 然后将这些背景图片上传至styles/prosilver/theme/images/

3) 打开:includes/functions.php.
找到:

Code: Select all

'T_STYLESHEET_NAME'   => $user->theme['theme_name'],
之后加上:

Code: Select all

'RANDOM_HEADER'   => mt_rand(1, NUMBER-OF-IMAGES),
注:NUMBER-OF-IMAGES的意思是:背景图片的总数。如果你放了5个图片的话,那么就是(1,5)

4) 打开: style.php
找到:

Code: Select all

   '{S_USER_LANG}'      => $user['user_lang']
替换成:

Code: Select all

   '{S_USER_LANG}'      => $user['user_lang'],
   '{RANDOM_HEADER}'   => mt_rand(1, NUMBER-OF-IMAGES)
注:NUMBER-OF-IMAGES的意思是:背景图片的总数。如果你放了5个图片的话,那么就是(1,5)

5) 打开: styles/prosilver/theme/colours.css
找到:

Code: Select all

.headerbar {
  background-color: #12A3EB;
  background-image: url("{T_THEME_PATH}/images/bg_header.gif");
  color: #FFFFFF;
}
替换成:

Code: Select all

.headerbar {
  background-color: #12A3EB;
  background-image: url("{T_THEME_PATH}/images/header_random_{RANDOM_HEADER}.EXTENSION");
  color: #FFFFFF;
}
注:EXTENSION的意思是,你的图片类型,如:jpg

6) 最后一步就是到后台刷新你的风格缓存。

收工! 8-)

newerby
论坛管理员
论坛管理员
Posts: 1293
Joined: 2006-11-10 2:20

Re: [知识库]为页头增加随机的背景图片

Post by newerby » 2008-06-18 16:29

谢谢 土老耄 ,先收下了,下次我一定记得给你带上吃牛肉面必须的辣椒粉,看你鼻涕流的,吃牛肉面时多加些辣的东西,猛打喷嚏,醒醒就好了的。 :ugeek:

User avatar
billliy
学有小成
学有小成
Posts: 130
Joined: 2007-05-27 21:41

Re: [知识库]为页头增加随机的背景图片

Post by billliy » 2008-06-18 18:09

巧啊!今天上午我还准备为论坛顶部修改一个随机背景图片,然后下午就开始动手了,等我修改完毕再来到这里就看到此帖... :|不过我修改的是官方那个主题
Last edited by billliy on 2008-06-18 20:50, edited 1 time in total.

User avatar
mymsn
技术组成员
技术组成员
Posts: 362
Joined: 2008-02-24 18:13

Re: [知识库]为页头增加随机的背景图片

Post by mymsn » 2008-06-18 20:47

newerby wrote:谢谢 土老耄 ,先收下了,下次我一定记得给你带上吃牛肉面必须的辣椒粉,看你鼻涕流的,吃牛肉面时多加些辣的东西,猛打喷嚏,醒醒就好了的。 :ugeek:

老土兄的大作,收下。

支持 :grin:
不知道怎么喜欢上phpbb,但喜欢上就丢不开了 :(

User avatar
土老耄
技术组成员
技术组成员
Posts: 1441
Joined: 2006-11-18 8:17

Re: [知识库]为页头增加随机的背景图片

Post by 土老耄 » 2008-06-18 23:19

mymsn wrote:老土兄的大作,收下。
这不是俺的作品...俺只是做一下翻译而已...原文在此
http://www.phpbb.com/community/viewtopi ... 4&t=639205
就是:Add a Random Header Image 那一段。

User avatar
mingmingchen
初来乍到
初来乍到
Posts: 15
Joined: 2008-08-14 13:56

Re: [知识库]为页头增加随机的背景图片

Post by mingmingchen » 2008-09-04 13:14

感谢土老大的翻译,珍藏中...
大侠,大虾,大家好,我是菜鸟,菜菜猫.

haokt
初来乍到
初来乍到
Posts: 5
Joined: 2008-09-10 11:43

Re: [知识库]为页头增加随机的背景图片

Post by haokt » 2008-09-10 11:45

为什么我按照这样做了,没有任何改变?缓存也清空了哦 :helpless:

User avatar
土老耄
技术组成员
技术组成员
Posts: 1441
Joined: 2006-11-18 8:17

Re: [知识库]为页头增加随机的背景图片

Post by 土老耄 » 2008-09-10 14:36

抱歉,上面没说清楚,估计你是把代码原封不动的搬到你的论坛上了。
刚刚增加了一些注解,请看新加的红色注解。

haokt
初来乍到
初来乍到
Posts: 5
Joined: 2008-09-10 11:43

Re: [知识库]为页头增加随机的背景图片

Post by haokt » 2008-09-10 16:47

head.jpg
按最新的方法更改,问题依旧。没有改变。同样缓存也清空了。奇怪~~
我的 http://www.3dstar.cn 帮忙看看。qq:19795200 请赐教! :cry:

User avatar
土老耄
技术组成员
技术组成员
Posts: 1441
Joined: 2006-11-18 8:17

Re: [知识库]为页头增加随机的背景图片

Post by 土老耄 » 2008-09-12 8:38

haokt wrote:
head.jpg
按最新的方法更改,问题依旧。没有改变。同样缓存也清空了。奇怪~~
我的 http://www.3dstar.cn 帮忙看看。qq:19795200 请赐教! :cry:
晕! :x 稍后俺有空的时候弄一个给你看看。

User avatar
土老耄
技术组成员
技术组成员
Posts: 1441
Joined: 2006-11-18 8:17

Re: [知识库]为页头增加随机的背景图片

Post by 土老耄 » 2008-09-12 10:10

简单的测试了一下!phpbb3.0.2英文版本+中文包系统下测试...没有一点问题。一切都是按照上面的步骤来做的。

样板:(放了9张jpg的图片进去)
http://www.tc-workshop.com/forum/index.php

刷新试试看!?

不明白为啥haokt一直做不出来?....晕....:x

haokt
初来乍到
初来乍到
Posts: 5
Joined: 2008-09-10 11:43

Re: [知识库]为页头增加随机的背景图片

Post by haokt » 2008-09-12 11:40

第一步:
图片全部换为您发的图片我设置5张随机。上传到

Code: Select all

http://www.3dstar.cn/styles/prosilver/theme/images/header_random_1.jpg
http://www.3dstar.cn/styles/prosilver/theme/images/header_random_2.jpg
http://www.3dstar.cn/styles/prosilver/theme/images/header_random_3.jpg
http://www.3dstar.cn/styles/prosilver/theme/images/header_random_4.jpg
http://www.3dstar.cn/styles/prosilver/theme/images/header_random_5.jpg
第二步:
打开:includes/functions.php.
1.jpg
includes/functions.php
1.jpg (10.51 KiB) Viewed 1043 times
第三步:
打开: 网站根目录下的 style.php
2.jpg
style.php
第四步
打开: styles/prosilver/theme/colours.css
3.jpg
styles/prosilver/theme/colours.css
我的图片类型jpg格式

最后一步就是后台刷新风格缓存。

查看首页,和原来一样。 :cry:

User avatar
土老耄
技术组成员
技术组成员
Posts: 1441
Joined: 2006-11-18 8:17

Re: [知识库]为页头增加随机的背景图片

Post by 土老耄 » 2008-09-12 12:17

试试后台/风格/风格组件下面的三部分(模板,风格主题,图片组)都刷一遍.

haokt
初来乍到
初来乍到
Posts: 5
Joined: 2008-09-10 11:43

Re: [知识库]为页头增加随机的背景图片

Post by haokt » 2008-09-12 12:28

Yes!! 搞定!原来是风格下面的缓存 需要刷新,整晕我了。
结束语:感谢“土老耄”先生的全程耐心指导,社区需要你,大家需要你,地球需要你,你辛苦了! 8-)

User avatar
土老耄
技术组成员
技术组成员
Posts: 1441
Joined: 2006-11-18 8:17

Re: [知识库]为页头增加随机的背景图片

Post by 土老耄 » 2008-09-12 12:45

haokt wrote:Yes!! 搞定!原来是风格下面的缓存 需要刷新,整晕我了。
害!原来你刷了半天,刷错地方啦? 你也整晕俺了! :x

在给你一个提示,你的论坛宽度最好调整一下。否则...俺用的是16:9的显示屏,看你的背景图片怪怪的。
除此之外,背景图片的高度没调整好。看看下面这个[知识库]。只要稍微改一些东西,就能做到俺上面的样板效果了。
http://www.phpbbchina.com/forum/viewtop ... =24&t=3202

对了!你PM俺的问题这里回复一下吧!俺的那个风格是Prosilver_Special Edition,基本上颜色和风格都和phpbb,phpbbchina一样的那种灰色,但它的架构和prosilver没两样,就是颜色然后加了一些框框而已。
将来还是尽量利用论坛发问,始终短信的资源有限,而且...俺也不太爱用短信...所以...下次的短信俺就不再回复了... ;)

Post Reply