DISCUZ論壇添加頁頭及頁尾背景圖片的幾種方法


先給大家分享頁頭添加背景圖片的兩種方法:

1. 第一種效果,是給discuz的整體框架添加背景圖片,見圖示:
111.jpg 

添加方法如下:找到你現在使用模板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位置區域添加背景圖片,見圖示:


123.jpg 

添加方法也超簡單,找到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格式的必要性。


三、添加頁尾即頁面底部背景圖片的方法

OK,大同小異,為添加頁尾添加背景圖片的方法,是找到footer.htm模板文件,在代碼中footer_banner代碼下方即“ <!--{hook/global_footer}-->”添加以下代碼:

  1. <div style="background-image: url(http://你的背景地址.jpg); background-repeat:no-repeat; background-position:center; background-position:top>
復制代碼
 
 
http://blog.csdn.net/zhouyi0911/article/details/6694484


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM