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

  [复制链接]
停止丧志 发表于 2012-11-23 10:05:54 [模板制作修改] 显示全部楼层 |阅读模式 上一主题 下一主题
discuz使用视频教程

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

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

x
1. 第一种效果,是给discuz的整体框架添加背景图片,见图示:

添加方法如下:找到你现在使用模板common文件下的header.html文件,在<head></head>部分添加以下代码:
  1. <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,在之后加入以下代码,最终代码展示为:
  1. <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代码下方即“ <!--{hook/global_footer}-->”添加以下代码:
游客,如果您要查看本帖隐藏内容请回复




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




上一篇:主题列表页'添加作者头像美化修改'教程 [整理简化]
下一篇:后台用户管理搜索用户然后导出,导出的用户数比实际的少解决方法
百翼质感 : | 站长论坛 | 建站教程 | 域名 | 源码| Http://www.8ie.in/

大神点评513

ARCHY明星会员实名认证 发表于 2012-11-23 11:59:44 [模板制作修改] 显示全部楼层
页头背景更换  有一种是通过后台  编辑风格 修改背景更换的   你可以研究下

下次参加站帮网培训,到时候会详细讲解模板的一些东西
我不服 发表于 2012-11-23 12:00:01 [模板制作修改] 显示全部楼层
知道了 不错~~~  
 楼主| 停止丧志 发表于 2012-11-23 15:11:01 [模板制作修改] 显示全部楼层
ARCHY 发表于 2012-11-23 11:59
页头背景更换  有一种是通过后台  编辑风格 修改背景更换的   你可以研究下

下次参加站帮网培训,到时候 ...

只有2.5可以后台更改,2.0 1.5 ... 以前的都不可以!
百翼质感 : | 站长论坛 | 建站教程 | 域名 | 源码| Http://www.8ie.in/
donruslan 发表于 2012-11-23 19:53:45 [模板制作修改] 显示全部楼层
буду знать
皮卡庆~~ 发表于 2012-11-23 21:07:44 [模板制作修改] 显示全部楼层
学习中~~~
天空晴朗 发表于 2012-11-23 21:46:41 [模板制作修改] 显示全部楼层
看看,不错啊啊啊
2y2r 发表于 2012-11-24 10:06:20 [模板制作修改] 显示全部楼层

学习中~~~
雨像眼泪 发表于 2012-11-25 19:55:05 [模板制作修改] 显示全部楼层
不错不错,学习
 楼主| 停止丧志 发表于 2012-11-26 15:25:22 [模板制作修改] 显示全部楼层
自己顶一个
犯戒心 发表于 2012-11-26 21:33:10 [模板制作修改] 来自手机 显示全部楼层
看看~能多详细点就好了~
江大蜂胶 发表于 2012-11-26 21:44:39 [模板制作修改] 显示全部楼层
Discuz X2用户组到期后不自动切换解决方案
disk0 发表于 2012-11-27 10:31:23 [模板制作修改] 显示全部楼层
看看学习,一下,多谢站帮网
>﹏程先生 发表于 2012-11-27 14:21:14 [模板制作修改] 显示全部楼层
下载来看看
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表