关灯
开启左侧

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

[复制链接]
kbcesuo 发表于 2015-2-8 16:26:56 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 

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

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

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

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

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

详解如何给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}-->”添加以下代码:
游客,如果您要查看本帖隐藏内容请回复



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

精彩评论10

正序浏览
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 | 显示全部楼层
 
有现实中的偶在这...不佩服.............佩服电影里的....
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


0关注

0粉丝

39帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )