学习NO.1 发表于 2016-3-20 17:33:33

DISCUZ增加页头和页尾背景图片多种方法

道勤小编在逛论坛的时候遇见一个站长写的文章关于Discuz增加页面头部和页面尾部背景图片多种方法,于是道勤主机小编自己亲测了一下果然不错于是就总结的了一下方法和步骤再次和大家分享一下。首先先给大家介绍下第一种方法给Discuz的整体框架中添加背景图片:添加这个方法要先找到现在使用的模板common下面的header.html文件在<head></head>部分添加以下代码:<style>body { background-image:url(你的背景图片地址,如http://abc.com/imgs/bg.jpg);background-repeat:no-repeat; background-position: top center; padding-top:40px;}</style>以上小编方法非常适合用在宽屏的风格,而且背景图片为宽像素的图片,添加代码之后可能需要调整位置,之后修改下padding-top后面的像素就OK了!第二种效果是给discuz论坛导航栏上方logo位置地方添加背景图片:其实用这个方法小编认为是最简单的,只要找到header.htm中关于top部分的代码,找到banner所在的div层,默认应该是id=hd,在之后加入以下代码:<div id=”hd” style=”background-image: url(static/image/xxx.jpg); background-repeat:no-repeat; background-position:centerr; background-position:top”>但是这个方法要注意的是在添加高度要始终,最好不要和LOGO有冲突,侧面也证明了logo做成透明png格式这个非常重要。第三种方法添加页面底部背景图片方法以上的方法都看过了,最后介绍下尾部添加背景图的方法,找到footer.htm模板文件,在代码中footer_banner代码下方即“ <!–{hook/global_footer}–>”添加以下代码:<div style=”background-image: url(http://你的背景地址.jpg); background-repeat:no-repeat;background-position:center; background-position:top>
页: [1]
查看完整版本: DISCUZ增加页头和页尾背景图片多种方法