【干货】完全控制你的论坛背景!(背景是视频都行)
我又来给大家奉上一篇能让你的网站变得更加美观的文章了!
网站背景不尽人意?使用插件也不满意,图片版块有间隙?想要使用动态图片?又怕加载背景太大拖慢网站速度?背景不能实时更新看效果?
现在大多数网站的背景是空白的,是一个打广告、添加内容的好地方,浪费它不太明智哦。
这一切,我帮你解决!以下是步骤:
1、找到网站目录template/default/common文件夹下的header.htm文件,用编辑器打开。
2、约28~30左右找到</head>标签,在它前面加上这段代码。这段代码简单易懂,让你的图片居中平铺。以下图我的论坛为例,图片链接是放在阿里云oss空间的1920X1080的GIF动图。
3、之后,在管理员后台-全局-风格管理找到你使用的模板套系,点击编辑。(不管你是什么模板,无所谓,这里以默认模板为例)
4、把关于背景颜色的设置,全部改为透明,也就是水印那样。下图红圈圈那个颜色块就是透明的,点它就好。
5、这样,之前在header.htm文件中部署完你的图片链接之后,即可立即看到效果!
注意事项:①图片建议使用网络图片,百度图片直接复制链接,或者储存在oss上面的云链接图片都可以,这样才不会拖慢你的网站背景加载速度。
②网站背景与网站速度加载是分开的,背景加不出来也不影响网站访问,除非你的图片就在这个网站上。
③使用GIF或MP4文件不会有影响,只要图片速度足够快。(我的网站用了很久了)
④更换图片链接时,网站实时变更背景。
⑤缺点是,全站都将是这个背景,任何背景图片插件都不再有效果。
⑥图片尺寸要大于网站界面,否则不能完全包裹住网站背景,建议1920X1080
这对网站是没有任何实质性的危害的,所以大家放心食用。
顺带一提,使用宽高都很大的GIF时,尽量做的细致一点。
网站背景不尽人意?使用插件也不满意,图片版块有间隙?想要使用动态图片?又怕加载背景太大拖慢网站速度?背景不能实时更新看效果?
现在大多数网站的背景是空白的,是一个打广告、添加内容的好地方,浪费它不太明智哦。
这一切,我帮你解决!以下是步骤:
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>
3、之后,在管理员后台-全局-风格管理找到你使用的模板套系,点击编辑。(不管你是什么模板,无所谓,这里以默认模板为例)
4、把关于背景颜色的设置,全部改为透明,也就是水印那样。下图红圈圈那个颜色块就是透明的,点它就好。
5、这样,之前在header.htm文件中部署完你的图片链接之后,即可立即看到效果!
注意事项:①图片建议使用网络图片,百度图片直接复制链接,或者储存在oss上面的云链接图片都可以,这样才不会拖慢你的网站背景加载速度。
②网站背景与网站速度加载是分开的,背景加不出来也不影响网站访问,除非你的图片就在这个网站上。
③使用GIF或MP4文件不会有影响,只要图片速度足够快。(我的网站用了很久了)
④更换图片链接时,网站实时变更背景。
⑤缺点是,全站都将是这个背景,任何背景图片插件都不再有效果。
⑥图片尺寸要大于网站界面,否则不能完全包裹住网站背景,建议1920X1080
这对网站是没有任何实质性的危害的,所以大家放心食用。
顺带一提,使用宽高都很大的GIF时,尽量做的细致一点。