今日,站长在线更新了mipdiy模板,在网站模板中,设置了背景图片。因为网站两边在高屏幕分辨率的显示器上面显示,两边有留白,不如显示自己设定的品牌广告。于是,想到就要做到,接下来,我来演示给大家看看,怎么在自己的网站里面添加网站背景图片,适合所有网站哦!
一、添加背景图片代码到css里面。
本站的css文件地址是/template/mipdiy/main/css/mipcms.css,那么我们就在这里面添加背景图片的文件到css里面,在原来的背景颜色代码:
background-color: #ECF0F1;
的下一行添加背景图片代码:
background-image: URL(/template/mipdiy/main/images/bj.png);
当然背景图片地址,你可以指定任意位置,比如根目录/bj.png也行,一般情况下根目录不要放太多的东西,所以放到模板文件夹里面的images文件夹里面去了。我这里这里是设置透明背景的png格式的文件,你可以可以设置jpg或者gif格式的文件。
二、上传背景图片到网站空间。
在我的模板设计中,默认背景图是没有的,那样不想添加背景图片的买来即可使用,如果想使用背景图片的,指定位置/template/mipdiy/main/images/上传bj.png即可。
(此图与原文无关)
三、关于背景图片这么做?
我这里都是网站名称 域名 核心广告语的模式。使用美图秀秀,新建一个200*200大小的透明文件,打上:
3.1、网站名称:站长在线
3.2、网站域名:www.olzz.com
3.3、网站核心广告语:建一个网站创一番事业。
打上文字以后,再调整一下倾斜度,自己看着美观就行了。
当然如果你们公司网站有自己设计logo的话,使用自己设计的logo,数字为黑白也行,如果是不透明的文件,可以设置一下透明度,让背景图片淡淡的显示即可,颜色太深或者太鲜艳也不好看。最后显示效果,直接看本站即可。
头条的朋友,点击下方了解更多查看效果哦!