新聞中心

Discuz增加頁頭和頁尾背景圖片多種方法

作者 / 無憂主機時間 2014-08-24 18:18:50

無憂小編在逛論壇的時候遇見一個站長寫的文章關于Discuz增加頁面頭部和頁面尾部背景圖片多種方法，于是無憂主機小編自己親測了一下果然不錯于是就總結的了一下方法和步驟再次和大家分享一下。首先先給大家介紹下第一種方法給Discuz的整體框架中添加背景圖片：添加這個方法要先找到現(xiàn)在使用的模板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> 以上小編方法非常適合用在寬屏的風格，而且背景圖片為寬像素的圖片，添加代碼之后可能需要調(diào)整位置，之后修改下padding-top后面的像素就OK了！第二種效果是給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:centerr; background-position:top"> 但是這個方法要注意的是在添加高度要始終，最好不要和LOGO有沖突，側面也證明了logo做成透明png格式這個非常重要。第三種方法添加頁面底部背景圖片方法以上的方法都看過了，最后介紹下尾部添加背景圖的方法，找到footer.htm模板文件，在代碼中footer_banner代碼下方即“ ”添加以下代碼： <div style="background-image: url(http://你的背景地址.jpg); background-repeat:no-repeat; background-position:center; background-position:top> 無憂主機相關文章推薦閱讀： DISCUZ網(wǎng)站論壇如何添加使用支付寶支付功能設置 DISCUZ!X增強用戶體驗，低分辨率下自動關閉對聯(lián)廣告 DISCUZ建設：論壇版塊帖子內(nèi)容頁漂亮橫排圖片設置方法 DISCUZ建設：QQ互聯(lián)注冊用戶提示：“抱歉，當前存在網(wǎng)絡問題或服務器繁忙，請您稍后再試，謝謝”

本文地址：http://m.love62.cn/discuz/15909.html

上一篇: Discuz論壇勛章不顯示怎么辦？
下一篇: 解決帝國cms在IE6中層被下拉框蓋住解決方法