新闻中心

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

作者 / 无忧主机 时间 2014-08-24 18:18:50

无忧小编在逛论坛的时候遇见一个站长写的文章关于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>   无忧主机相关文章推荐阅读: DISCUZ网站论坛如何添加使用支付宝支付功能设置 DISCUZ!X增强用户体验,低分辨率下自动关闭对联广告 DISCUZ建设:论坛版块帖子内容页漂亮横排图片设置方法 DISCUZ建设:QQ互联注册用户提示:“抱歉,当前存在网络问题或服务器繁忙,请您稍后再试,谢谢”

本文地址:https://www.51php.com/discuz/15909.html

1
1
1
1
1
1
1

客户服务热线

0791-8623-3537

在线客服