【干货】完全控制你的论坛背景！（背景是视频都行）

初锦

我又来给大家奉上一篇能让你的网站变得更加美观的文章了！
网站背景不尽人意？使用插件也不满意，图片版块有间隙？想要使用动态图片？又怕加载背景太大拖慢网站速度？背景不能实时更新看效果？
现在大多数网站的背景是空白的，是一个打广告、添加内容的好地方，浪费它不太明智哦。
这一切，我帮你解决！以下是步骤：
1、找到网站目录template/default/common文件夹下的header.htm文件，用编辑器打开。
2、约28~30左右找到</head>标签，在它前面加上这段代码。

1. <style>body { background-image:url(你的图片视频链接); background-attachment: fixed; background-position: top center; padding-top:0px;}</style>

复制代码

这段代码简单易懂，让你的图片居中平铺。以下图我的论坛为例，图片链接是放在阿里云oss空间的1920X1080的GIF动图。

3、之后，在管理员后台-全局-风格管理找到你使用的模板套系，点击编辑。（不管你是什么模板，无所谓，这里以默认模板为例）
4、把关于背景颜色的设置，全部改为透明，也就是水印那样。下图红圈圈那个颜色块就是透明的，点它就好。

5、这样，之前在header.htm文件中部署完你的图片链接之后，即可立即看到效果！


注意事项：①图片建议使用网络图片，百度图片直接复制链接，或者储存在oss上面的云链接图片都可以，这样才不会拖慢你的网站背景加载速度。
②网站背景与网站速度加载是分开的，背景加不出来也不影响网站访问，除非你的图片就在这个网站上。
③使用GIF或MP4文件不会有影响，只要图片速度足够快。（我的网站用了很久了）
④更换图片链接时，网站实时变更背景。
⑤缺点是，全站都将是这个背景，任何背景图片插件都不再有效果。
⑥图片尺寸要大于网站界面，否则不能完全包裹住网站背景，建议1920X1080

这对网站是没有任何实质性的危害的，所以大家放心食用。
顺带一提，使用宽高都很大的GIF时，尽量做的细致一点。

初锦

https://www.chujin.org.cn
可以访问我的论坛查看效果，1920X1080的大GIF图，只有300K大小，加载飞快！

Snian

老实说，你网站花里胡巧的，卡的一PI

安逸网

支持一下了

初锦

Snian 发表于 2020-3-11 15:15
老实说，你网站花里胡巧的，卡的一PI

这和网站卡没关系，我这篇文主要是说背景呀
至于卡嘛，主要是下午访客数较多，用户并发数处理量较大，不卡不可能呀。

lemon

楼主的网站真有个性哈哈

鸿茂传媒

帮顶一下

mynameshier

我觉得很好，论坛里就缺楼主这样的干货发布者