爐火純青
- 貢獻(xiàn)
- 5 點(diǎn)
- 金幣
- 35 個

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