云水论坛

标题: [转帖]dzx1.5 四种论坛设置新年背景图的方法(总有一种适合您) [打印本页]

作者: 森森    时间: 2011-2-4 16:46
标题: [转帖]dzx1.5 四种论坛设置新年背景图的方法(总有一种适合您)

论坛背景图的四种设置方法,但是要修改源文件,很不方便。
经过测试在此方法简单好用,设置和控制都很灵活。

 

第一种方法:
打开后台--全局--优化设置
把下面的代码复制到下面的-其他头部信息:

 

<style>
body { background-image:url("images/soonew/2011.jpg"); background-repeat:no-repeat; background-position: top center; padding-top:80px;}
</style>


图中红色部分是你的图片地址。(根据你的实际情况,进行修改)
padding-top:80px 顶部高度设置

要关闭背景时在后台删除这段代码即可

----------------------------------------------------------------

 

第二种方法:
第一步:
将您选择的风格图片上传到“/static/image/common ”目录下(即DX默认风格下的图片目录,如果您在后台使用了扩展图片目录,请上传至您的扩展图片目录中)

第二步:
找到/template/default/common/common.css中的

  1. body { {BGCODE}; }
复制代码

修改为:

  1. /* body { {BGCODE}; } */
  2. body { background-image: url({IMGDIR}/2011.jpg); background-position:top center; padding-top:80px;background-repeat:no-repeat; }
复制代码

第三步:
更新缓存,OK!

卸载方法:将第二步反过来做一次后更新缓存就OK了!

修改解释:

1、将body的默认CSS样式给注释掉,替换成我们要用的圣诞背景的body样式(不要删除,元旦过后还要恢复过来呢!),即“/* body { {BGCODE}; } */”,其中“/* */”为CSS注释字符。
2、“background-image: url({IMGDIR}/yd.jpg); ”中的“2011.jpg”,即为您上传到/static/image/common 目录的元旦背景图片名称(例如你把图片改名为1.jpg上传,那这里应该是“1.jpg”)
3、“padding-top:80px;”为论坛主题内容距浏览器上边界的高度,这几个元旦风格设置80px应该是比较合适,如果你的不合适,可以适当的调整“80”这个数值,以达到最好的效果!

提醒:以上修改方法针对DX默认风格,其他风格大同小异!




第三种方法(使用非官方默认模版的方法)
打开你的首页。单击右键查看网页源文件。找到如下CSS文件位置。common.css


bj-3.jpg


然后FTP找到文件夹下的css文件进行修改。

bj-4.jpg




 

  1. body { background-image: url(/images/soonew/2011.jpg); background-position:top center; padding-top:85px;background-repeat:no-repeat; }
复制代码


后台--更新一下缓存OK了。

第四种方法:

找到template/default/common/header.htm 文件。打开修改。

查找:</head>
在下面一行加上:

  1. <STYLE type=text/css>
  2. BODY{
  3. background-image:url(2011.jpg);
  4. background-repeat:no-repeat; background-position: top center;
  5. padding-top:80px;}
  6. .main01{clear:both;width:980px;margin:10px auto 0px auto;overflow:hidden;}
  7. .main01 .left {float: left;width: 300px;}
  8. </STYLE>
复制代码



其中:2011.jpg 请修改成自己图片的路径就可以了。






欢迎光临 云水论坛 (http://www.yunshui.net/) Powered by Discuz! X2.5