您好,欢迎来到菜鸟吧源码网(www.cniao8.com)本站只做精品网站源码!
  • 首 页
  • 菜鸟云
  • 公告:本站资源均来源于互联网及会员投稿发布,所有资源仅供学习参考研究使用,请勿商用或其它非法用途,商用请购买正版,否则产生一切后果由用户自行承担!谢谢!

     

    当前位置:主页 > 站长学堂 > discuz教程 >
    DISCUZ论坛添加页头及页尾背景图片的几种方法
    时间:2018-07-29 15:26 作者:菜鸟吧 浏览:收藏 挑错 打印

    先给大家分享页头添加背景图片的两种方法:

    1. 第一种效果,是给discuz的整体框架添加背景图片,见图示:
    DISCUZ论坛添加页头及页尾背景图片的几种方法

    添加方法如下:找到你现在使用模板common文件下的header.html文件,在部分添加以下代码:




    这种方法适用于非宽屏的风格,且背景图片多为宽像素的某张图片。添加此代码后,可能需要调整位置,修改padding-top后面的像素即可。


    2. 第二种效果,是给discuz论坛导航栏上方的logo位置区域添加背景图片,见图示:


    DISCUZ论坛添加页头及页尾背景图片的几种方法

    添加方法也超简单,找到header.htm中关于top部分的代码,找到banner所在的div层,默认应该是id=hd,在之后加入以下代码,最终代码展示为:




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


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

    OK,大同小异,为添加页尾添加背景图片的方法,是找到footer.htm模板文件,在代码中footer_banner代码下方即“ ”添加以下代码:

    1. <div style="background-image: url(http://你的背景地址.jpg); background-repeat:no-repeat; background-position:center; background-position:top>


    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请给我们来信:admin@cniao8.com,我们尽快处理。

    Discuz! X3.4论坛标题字数突破80的限制解决方法Discuz! X3.4论坛标题字数突破80的限制
    完美解决discuz应用 校验失败,您无法下载此应用方法完美解决discuz应用 校验失败,您无法
    Discuz论坛如何禁止游客查看用户个人资料页,阻止访问其他会员用户信息?Discuz论坛如何禁止游客查看用户个人资