|
我又來給大家奉上一篇能讓你的網站變得更加美觀的文章了!
網站背景不盡人意?使用插件也不滿意,圖片版塊有間隙?想要使用動態圖片?又怕加載背景太大拖慢網站速度?背景不能實時更新看效果?
現在大多數網站的背景是空白的,是一個打廣告、添加內容的好地方,浪費它不太明智哦。
這一切,我幫你解決!以下是步驟:
1、找到網站目錄template/default/common文件夾下的header.htm文件,用編輯器打開。
2、約28~30左右找到</head>標簽,在它前面加上這段代碼。
- <style>body { background-image:url(你的圖片視頻鏈接); background-attachment: fixed; background-position: top center; padding-top:0px;}</style>
復制代碼 這段代碼簡單易懂,讓你的圖片居中平鋪。以下圖我的論壇為例,圖片鏈接是放在阿里云oss空間的1920X1080的GIF動圖。
bj.JPG (394.94 KB, 下載次數: 79)
下載附件
2020-3-11 10:16 上傳
3、之后,在管理員后臺-全局-風格管理找到你使用的模板套系,點擊編輯。(不管你是什么模板,無所謂,這里以默認模板為例)
4、把關于背景顏色的設置,全部改為透明,也就是水印那樣。下圖紅圈圈那個顏色塊就是透明的,點它就好。
syy.JPG (114.16 KB, 下載次數: 75)
下載附件
2020-3-11 10:20 上傳
5、這樣,之前在header.htm文件中部署完你的圖片鏈接之后,即可立即看到效果!
![]()
注意事項:①圖片建議使用網絡圖片,百度圖片直接復制鏈接,或者儲存在oss上面的云鏈接圖片都可以,這樣才不會拖慢你的網站背景加載速度。
②網站背景與網站速度加載是分開的,背景加不出來也不影響網站訪問,除非你的圖片就在這個網站上。
③使用GIF或MP4文件不會有影響,只要圖片速度足夠快。(我的網站用了很久了)
④更換圖片鏈接時,網站實時變更背景。
⑤缺點是,全站都將是這個背景,任何背景圖片插件都不再有效果。
⑥圖片尺寸要大于網站界面,否則不能完全包裹住網站背景,建議1920X1080
![]()
這對網站是沒有任何實質性的危害的,所以大家放心食用。
順帶一提,使用寬高都很大的GIF時,盡量做的細致一點。
|
|