【干貨】完全控制你的論壇背景?。ū尘笆且曨l都行）

初錦

我又來(lái)給大家奉上一篇能讓你的網(wǎng)站變得更加美觀的文章了！
網(wǎng)站背景不盡人意？使用插件也不滿意，圖片版塊有間隙？想要使用動(dòng)態(tài)圖片？又怕加載背景太大拖慢網(wǎng)站速度？背景不能實(shí)時(shí)更新看效果？
現(xiàn)在大多數(shù)網(wǎng)站的背景是空白的，是一個(gè)打廣告、添加內(nèi)容的好地方，浪費(fèi)它不太明智哦。
這一切，我?guī)湍憬鉀Q！以下是步驟：
1、找到網(wǎng)站目錄template/default/common文件夾下的header.htm文件，用編輯器打開(kāi)。
2、約28~30左右找到</head>標(biāo)簽，在它前面加上這段代碼。

1. <style>body { background-image:url(你的圖片視頻鏈接); background-attachment: fixed; background-position: top center; padding-top:0px;}</style>

復(fù)制代碼

這段代碼簡(jiǎn)單易懂，讓你的圖片居中平鋪。以下圖我的論壇為例，圖片鏈接是放在阿里云oss空間的1920X1080的GIF動(dòng)圖。

3、之后，在管理員后臺(tái)-全局-風(fēng)格管理找到你使用的模板套系，點(diǎn)擊編輯。（不管你是什么模板，無(wú)所謂，這里以默認(rèn)模板為例）
4、把關(guān)于背景顏色的設(shè)置，全部改為透明，也就是水印那樣。下圖紅圈圈那個(gè)顏色塊就是透明的，點(diǎn)它就好。

5、這樣，之前在header.htm文件中部署完你的圖片鏈接之后，即可立即看到效果！


注意事項(xiàng)：①圖片建議使用網(wǎng)絡(luò)圖片，百度圖片直接復(fù)制鏈接，或者儲(chǔ)存在oss上面的云鏈接圖片都可以，這樣才不會(huì)拖慢你的網(wǎng)站背景加載速度。
②網(wǎng)站背景與網(wǎng)站速度加載是分開(kāi)的，背景加不出來(lái)也不影響網(wǎng)站訪問(wèn)，除非你的圖片就在這個(gè)網(wǎng)站上。
③使用GIF或MP4文件不會(huì)有影響，只要圖片速度足夠快。（我的網(wǎng)站用了很久了）
④更換圖片鏈接時(shí)，網(wǎng)站實(shí)時(shí)變更背景。
⑤缺點(diǎn)是，全站都將是這個(gè)背景，任何背景圖片插件都不再有效果。
⑥圖片尺寸要大于網(wǎng)站界面，否則不能完全包裹住網(wǎng)站背景，建議1920X1080

這對(duì)網(wǎng)站是沒(méi)有任何實(shí)質(zhì)性的危害的，所以大家放心食用。
順帶一提，使用寬高都很大的GIF時(shí)，盡量做的細(xì)致一點(diǎn)。

mynameshier

我覺(jué)得很好，論壇里就缺樓主這樣的干貨發(fā)布者

鴻茂傳媒

幫頂一下

lemon

樓主的網(wǎng)站真有個(gè)性哈哈

初錦

Snian 發(fā)表于 2020-3-11 15:15
老實(shí)說(shuō)，你網(wǎng)站花里胡巧的，卡的一PI

這和網(wǎng)站卡沒(méi)關(guān)系，我這篇文主要是說(shuō)背景呀
至于卡嘛，主要是下午訪客數(shù)較多，用戶并發(fā)數(shù)處理量較大，不卡不可能呀。

安逸網(wǎng)

支持一下了

Snian

老實(shí)說(shuō)，你網(wǎng)站花里胡巧的，卡的一PI

初錦

https://www.chujin.org.cn
可以訪問(wèn)我的論壇查看效果，1920X1080的大GIF圖，只有300K大小，加載飛快！