详解如何给DISCUZ增加页头及页尾背景图片的多种方法教程 [站帮网原创]

kbcesuo · 发表于 2015-2-8 16:26:56

马上注册，一起探讨正确快速的建站方法

您需要登录才可以下载或查看，没有帐号？快速注册

详解如何给DISCUZ增加页头及页尾背景图片的多种方法教程 [站帮网原创]

x 1. 第一种效果，是给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后面的像素即可。

2. 第二种效果，是给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:center; background-position:top">

复制代码注意添加的图片高度要始终哦，而且不要和logo有冲突，这里也侧面证明了logo做成透明PNG格式的必要性。

3、添加页尾即页面底部背景图片的方法

OK，大同小异，为添加页尾添加背景图片的方法，是找到footer.htm模板文件，在代码中footer_banner代码下方即“ ”添加以下代码：
游客，如果您要查看本帖隐藏内容请回复

原创教程 - 分享请注明教程来自站帮网!

swmozowtfl · 发表于 2015-6-23 19:41:43

本人过去、现在以及将来都不认识楼主，且自古以来与楼主无利益关系。楼主表述之事与本人无关

kwjvtwzx · 发表于 2015-6-23 19:44:36

笨点也好~~~~

swmozowtfl · 发表于 2015-6-23 19:52:08

这是安慰我啊~~还是垮我啊???怎么感觉又被扁了啊

kwjvtwzx · 发表于 2015-6-23 19:52:29

呵呵没事怎么有点被讽刺的味道啊

efiew · 发表于 2015-6-23 20:01:12

这个程序有没有漏洞啊

swmozowtfl · 发表于 2015-7-12 15:13:13

哇~~` 你是不是投胎滴时候走错地方啦~``

xiaoye · 发表于 2015-7-12 15:16:58

我不是来为楼主呐喊加油的，也不是对楼主进行围堵攻击的。

kwjvtwzx · 发表于 2015-7-12 15:24:01

朕在自己的寝宫~~~~

亮凌庚 · 发表于 2015-7-12 15:25:05

这个程序有没有漏洞啊

kwjvtwzx · 发表于 2015-7-12 15:40:29

有现实中的偶在这...不佩服.............佩服电影里的....

详解如何给DISCUZ增加页头及页尾背景图片的多种方法教程 [站帮网原创]

马上注册，一起探讨正确快速的建站方法

相关帖子

精彩评论10