【干货】完全控制你的论坛背景!(背景是视频都行)
我又来给大家奉上一篇能让你的网站变得更加美观的文章了!<br />网站背景不尽人意?使用插件也不满意,图片版块有间隙?想要使用动态图片?又怕加载背景太大拖慢网站速度?背景不能实时更新看效果?<br />现在大多数网站的背景是空白的,是一个打广告、添加内容的好地方,浪费它不太明智哦。<br />这一切,我帮你解决!以下是步骤:<br /><font size="5">1、</font>找到网站目录template/default/common文件夹下的header.htm文件,用编辑器打开。<br /><font size="5">2、</font>约28~30左右找到</head>标签,在它前面加上这段代码。<br /><ol><li> <style>body { background-image:url(你的图片视频链接); background-attachment: fixed; background-position: top center; padding-top:0px;}</style></ol>这段代码简单易懂,让你的图片居中平铺。以下图我的论坛为例,图片链接是放在阿里云oss空间的1920X1080的GIF动图。<br /><img title="bj.JPG" id="aimg_6147" aid="6147" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202003/11/101606q9jzkcvhug5oa5l7.jpg" src="https://www.dismall.com/data/attachment/forum/202003/11/101606q9jzkcvhug5oa5l7.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><font size="5">3、</font>之后,在管理员后台-全局-风格管理找到你使用的模板套系,点击编辑。(不管你是什么模板,无所谓,这里以默认模板为例)<br /><font size="5">4、</font>把关于背景颜色的设置,全部改为透明,也就是水印那样。下图红圈圈那个颜色块就是透明的,点它就好。<br /><img title="syy.JPG" id="aimg_6148" aid="6148" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202003/11/102041hzmwpn6x6dxs5kgz.jpg" src="https://www.dismall.com/data/attachment/forum/202003/11/102041hzmwpn6x6dxs5kgz.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="571" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><font size="5">5、</font>这样,之前在header.htm文件中部署完你的图片链接之后,即可立即看到效果!<br /><br /><img id="aimg_U4qoZ" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://www.dismall.com/static/image/hrline/1.gif" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /><br />注意事项:①图片建议使用网络图片,百度图片直接复制链接,或者储存在oss上面的云链接图片都可以,这样才不会拖慢你的网站背景加载速度。<br />②网站背景与网站速度加载是分开的,背景加不出来也不影响网站访问,除非你的图片就在这个网站上。<br />③使用GIF或MP4文件不会有影响,只要图片速度足够快。(我的网站用了很久了)<br />④更换图片链接时,网站实时变更背景。<br />⑤缺点是,全站都将是这个背景,任何背景图片插件都不再有效果。<br />⑥图片尺寸要大于网站界面,否则不能完全包裹住网站背景,建议1920X1080<br /><img id="aimg_fIHQ1" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://www.dismall.com/static/image/hrline/1.gif" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /><br />这对网站是没有任何实质性的危害的,所以大家放心食用。<br />顺带一提,使用宽高都很大的GIF时,尽量做的细致一点。<br />网站<em>, </em>图片<em>, </em>背景<em>, </em>你的<em>, </em>size https://www.chujin.org.cn<br />可以访问我的论坛查看效果,1920X1080的大GIF图,只有300K大小,加载飞快! 老实说,你网站花里胡巧的,卡的一PI 支持一下了 <br />这和网站卡没关系,我这篇文主要是说背景呀<br />至于卡嘛,主要是下午访客数较多,用户并发数处理量较大,不卡不可能呀。 楼主的网站真有个性哈哈 帮顶一下 我觉得很好,论坛里就缺楼主这样的干货发布者
頁:
[1]