【道勤網(wǎng)】- bmrsportswear.com 軟件視頻自學教程|免費教程|自學電腦|3D教程|平面教程|影視動畫教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】

標題: DISCUZ增加頁頭和頁尾背景圖片多種方法 [打印本頁]

作者: 學習NO.1    時間: 2016-3-20 17:33
標題: DISCUZ增加頁頭和頁尾背景圖片多種方法

道勤小編在逛論壇的時候遇見一個站長寫的文章關(guān)于Discuz增加頁面頭部和頁面尾部背景圖片多種方法,于是道勤主機小編自己親測了一下果然不錯于是就總結(jié)的了一下方法和步驟再次和大家分享一下。

首先先給大家介紹下第一種方法給Discuz的整體框架中添加背景圖片:

添加這個方法要先找到現(xiàn)在使用的模板common下面的header.html文件在<head></head>部分添加以下代碼:

<style>body { background-image:url(你的背景圖片地址,如);background-repeat:no-repeat; background-position: top center; padding-top:40px;}</style>

以上小編方法非常適合用在寬屏的風格,而且背景圖片為寬像素的圖片,添加代碼之后可能需要調(diào)整位置,之后修改下padding-top后面的像素就OK了!

第二種效果是給discuz論壇導航欄上方logo位置地方添加背景圖片:

其實用這個方法小編認為是最簡單的,只要找到header.htm中關(guān)于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有沖突,側(cè)面也證明了logo做成透明png格式這個非常重要。

第三種方法添加頁面底部背景圖片方法

以上的方法都看過了,最后介紹下尾部添加背景圖的方法,找到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ǎng)】- bmrsportswear.com 軟件視頻自學教程|免費教程|自學電腦|3D教程|平面教程|影視動畫教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】 (http://bmrsportswear.com/) Powered by Discuz! X3.4