先給大家分享頁頭添加背景圖片的兩種方法:
1. 第一種效果,是給discuz的整體框架添加背景圖片,見圖示:
添加方法如下:找到你現在使用模板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>
這種方法適用於非寬屏的風格,且背景圖片多為寬像素的某張圖片。添加此代碼后,可能需要調整位置,修改padding-top后面的像素即可。
2. 第二種效果,是給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:center; background-position:top">
注意添加的圖片高度要始終哦,而且不要和logo有沖突,這里也側面證明了logo做成透明PNG格式的必要性。
三、添加頁尾即頁面底部背景圖片的方法
OK,大同小異,為添加頁尾添加背景圖片的方法,是找到footer.htm模板文件,在代碼中footer_banner代碼下方即“ <!--{hook/global_footer}-->”添加以下代碼:
- <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