[知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

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

[知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

Post by 土老耄 » 2008-06-08 7:10

第一步:先将你做好的背景相片上传至styles/prosilver(或者源自于prosilver的同类风格)/theme/images/

比如说,下面这个图片:

Image



第二步:打开styles/prosilver(或者源自于prosilver的同类风格)/theme/common.css

找到

Code: Select all

.headerbar {
 background: #ebebeb none repeat-x 0 0;
 color: #FFFFFF;
 margin-bottom: 4px;
 padding: 0 5px;
后面加上

Code: Select all

 height: 100px ;
注:100px是背景相片的高度,你可以按照你做出来的相片高度来调整(如:150px)



第三步:打开styles/prosilver(或者源自于prosilver的同类风格)/theme/colours.css

找到

Code: Select all

.headerbar {
 background-color: #12A3EB;
 background-image: url("{T_THEME_PATH}/images/bg_header.gif");
 color: #FFFFFF;
}
将bg_geader.gif 档案名换成你上传的那个档案(如:logo1.jpg)。



第四步:打开styles/prosilver(或者源自于prosilver的同类风格)/template/overall_header.html

找到

Code: Select all

<div id="site-description">
在前面加上

Code: Select all

<div style="height: 90px ;">
注:这是高度的设定,必须要比你的背景相片的高度少10个px (如:140px)

找到

Code: Select all

<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
 </fieldset>
 </form>
 </div>
 <!-- ENDIF -->
在后面加上

Code: Select all

</div>
第五步:到后台的风格\模板\prosilver(或者源自于prosilver的同类风格)那个风格栏中点刷新(清除一下缓存)

然后点一下又上角的论坛首也看看你的论坛....登!登!登!登!嗯。。。看到好看的风景了吗?

啊!??没看到....??? :twisted: :twisted: :twisted:

那就点这里看看

User avatar
wickedlad
炉火纯青
炉火纯青
Posts: 501
Joined: 2007-05-03 16:23

Re: [知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

Post by wickedlad » 2008-06-08 10:36

嘿嘿,还有没有漂亮的背景图,放一些出来。

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

Re: [知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

Post by newerby » 2008-06-08 11:53

给土老耄布置一个作业,如要随机切换背景图如何换?背景图已经设置了多张,要每刷新一次就随机切换到另外一张。每张点击进入的链接可设置转入自定义的链接 ;)

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

Re: [知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

Post by 土老耄 » 2008-06-08 15:07

newerby wrote:给土老耄布置一个作业,如要随机切换背景图如何换?背景图已经设置了多张,要每刷新一次就随机切换到另外一张。每张点击进入的链接可设置转入自定义的链接 ;)
嘿嘿! ...先谈谈条件...作业做后有啥奖励再说... :coldlaf: :coldlaf:

俺好像早就在自己家做过了.... ;) ;)

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

Re: [知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

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

wickedlad wrote:嘿嘿,还有没有漂亮的背景图,放一些出来。
漂亮的定义是啥?上面那张...俺是随便在Google上用“风景”搜寻字找出来滴 :grin:

淡Dan
初来乍到
初来乍到
Posts: 14
Joined: 2008-01-23 22:23

Re: [知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

Post by 淡Dan » 2008-06-13 18:15

请问土兄,第4 步是什么意思?什么作用?

平时更换背景,不是只需要1,3,5这几个步骤的吗?

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

Re: [知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

Post by 土老耄 » 2008-06-14 10:31

淡Dan wrote:请问土兄,第4 步是什么意思?什么作用?

平时更换背景,不是只需要1,3,5这几个步骤的吗?
你试不出来效果吗? :?

xtjie
初来乍到
初来乍到
Posts: 7
Joined: 2008-08-04 16:29

Re: [知识库]为prosilver(或者源自于prosilver的同类风格)的页头增加一个背景相片

Post by xtjie » 2008-08-12 9:09

请问楼主,按你的帖子做了修改,为什么不显示,已经做了清空缓存.


Post Reply