本文介绍如何为Discuz论坛的页头和页尾添加背景图片，包括整体框架背景及导航栏区域背景的设置方法。
先给大家分享页头添加背景图片的两种方法：
1. 第一种效果，是给discuz的整体框架添加背景图片，见图示：
添加方法如下：找到你现在使用模板common文件下的header.html文件，在<head></head>部分添加以下代码：
这种方法适用于非宽屏的风格，且背景图片多为宽像素的某张图片。添加此代码后，可能需要调整位置，修改padding-top后面的像素即可。
2. 第二种效果，是给discuz论坛导航栏上方的logo位置区域添加背景图片，见图示：
添加方法也超简单，找到header.htm中关于top部分的代码，找到banner所在的div层，默认应该是id=hd，在之后加入以下代码，最终代码展示为：
注意添加的图片高度要始终哦，而且不要和logo有冲突，这里也侧面证明了logo做成透明 PNG格式的必要性。
三、添加页尾即页面底部背景图片的方法
OK，大同小异，为添加页尾添加背景图片的方法，是找到footer.htm模板文件，在代码中footer_banner代码下方即“ <!--{hook/global_footer}-->”添加以下代码：
1. 第一种效果，是给discuz的整体框架添加背景图片，见图示：
添加方法如下：找到你现在使用模板common文件下的header.html文件，在<head></head>部分添加以下代码：
这种方法适用于非宽屏的风格，且背景图片多为宽像素的某张图片。添加此代码后，可能需要调整位置，修改padding-top后面的像素即可。
2. 第二种效果，是给discuz论坛导航栏上方的logo位置区域添加背景图片，见图示：
添加方法也超简单，找到header.htm中关于top部分的代码，找到banner所在的div层，默认应该是id=hd，在之后加入以下代码，最终代码展示为：
注意添加的图片高度要始终哦，而且不要和logo有冲突，这里也侧面证明了logo做成透明 PNG格式的必要性。
三、添加页尾即页面底部背景图片的方法
OK，大同小异，为添加页尾添加背景图片的方法，是找到footer.htm模板文件，在代码中footer_banner代码下方即“ <!--{hook/global_footer}-->”添加以下代码：
扫一扫
4839
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
