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

[土老耄]

为页头增加随机的背景图片（只限于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) 最后一步就是到后台刷新你的风格缓存。

收工！

[newerby]

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

[billliy]

巧啊!今天上午我还准备为论坛顶部修改一个随机背景图片,然后下午就开始动手了,等我修改完毕再来到这里就看到此帖... 不过我修改的是官方那个主题

[mymsn]

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

老土兄的大作，收下。

支持

[土老耄]

老土兄的大作，收下。

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

[mingmingchen]

感谢土老大的翻译,珍藏中...

[haokt]

为什么我按照这样做了，没有任何改变？缓存也清空了哦

[土老耄]

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

[haokt]

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

[土老耄]

head.jpg

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

晕！ 稍后俺有空的时候弄一个给你看看。

[土老耄]

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

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

刷新试试看！？

不明白为啥haokt一直做不出来？....晕....

[haokt]

第一步：
图片全部换为您发的图片我设置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.

includes/functions.php

1.jpg (10.51 KiB) Viewed 1228 times

第三步：
打开： 网站根目录下的 style.php

style.php

第四步
打开： styles/prosilver/theme/colours.css

styles/prosilver/theme/colours.css

我的图片类型jpg格式

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

查看首页，和原来一样。

[土老耄]

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

[haokt]

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

[土老耄]

Yes!! 搞定！原来是风格下面的缓存 需要刷新，整晕我了。

害！原来你刷了半天，刷错地方啦？ 你也整晕俺了！

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

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