新聞中心
Discuz增加頁(yè)頭和頁(yè)尾背景圖片多種方法
作者 / 無(wú)憂主機(jī) 時(shí)間 2014-08-24 18:18:50
無(wú)憂小編在逛論壇的時(shí)候遇見一個(gè)站長(zhǎng)寫的文章關(guān)于Discuz增加頁(yè)面頭部和頁(yè)面尾部背景圖片多種方法，于是無(wú)憂主機(jī)小編自己親測(cè)了一下果然不錯(cuò)于是就總結(jié)的了一下方法和步驟再次和大家分享一下。 首先先給大家介紹下第一種方法給Discuz的整體框架中添加背景圖片： 添加這個(gè)方法要先找到現(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> 以上小編方法非常適合用在寬屏的風(fēng)格，而且背景圖片為寬像素的圖片，添加代碼之后可能需要調(diào)整位置，之后修改下padding-top后面的像素就OK了！ 第二種效果是給discuz論壇導(dǎo)航欄上方logo位置地方添加背景圖片： 其實(shí)用這個(gè)方法小編認(rèn)為是最簡(jiǎn)單的，只要找到header.htm中關(guān)于top部分的代碼，找到banner所在的div層，默認(rèn)應(yīng)該是id=hd，在之后加入以下代碼： <div id="hd" style="background-image: url(static/image/xxx.jpg); background-repeat:no-repeat; background-position:centerr; background-position:top"> 但是這個(gè)方法要注意的是在添加高度要始終，最好不要和LOGO有沖突，側(cè)面也證明了logo做成透明png格式這個(gè)非常重要。 第三種方法添加頁(yè)面底部背景圖片方法 以上的方法都看過了，最后介紹下尾部添加背景圖的方法，找到footer.htm模板文件，在代碼中footer_banner代碼下方即“ <!--{hook/global_footer}-->”添加以下代碼： <div style="background-image: url(http://你的背景地址.jpg); background-repeat:no-repeat; background-position:center; background-position:top> 無(wú)憂主機(jī)相關(guān)文章推薦閱讀： DISCUZ網(wǎng)站論壇如何添加使用支付寶支付功能設(shè)置 DISCUZ!X增強(qiáng)用戶體驗(yàn)，低分辨率下自動(dòng)關(guān)閉對(duì)聯(lián)廣告 DISCUZ建設(shè)：論壇版塊帖子內(nèi)容頁(yè)漂亮橫排圖片設(shè)置方法 DISCUZ建設(shè)：QQ互聯(lián)注冊(cè)用戶提示：“抱歉，當(dāng)前存在網(wǎng)絡(luò)問題或服務(wù)器繁忙，請(qǐng)您稍后再試，謝謝”
本文地址：http://www.gle-technology.com/discuz/15909.html
