给网站添加背景图片的详细教程

  • 时间:
  • 浏览:38次
  • 来源:站长在线 网址:https://www.olzz.com

今日,站长在线更新了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,数字为黑白也行,如果是不透明的文件,可以设置一下透明度,让背景图片淡淡的显示即可,颜色太深或者太鲜艳也不好看。最后显示效果,直接看本站即可。

本文地址:https://www.olzz.com/tianjiabeijingtupian.html
加入官方2000人QQ群一起交流
关注官方微信公众号[站长在线]

猜你喜欢

给网站添加背景图片的详细教程

今日,站长在线更新了mipdiy模板,在网站模板中,设置了背景图片。因为网站两边在高屏幕分辨率的显示器上面显示,两边有留白,不如显示自己设定的品牌广告。于是,想到就要做到,接下来,我来演示给大家看看,怎么在自己的网站里面添加网站背景图片,适合所有网站哦!

2020-10-10  分类:实战分享  浏览:39次