今日，站長在線更新了mipdiy模板，在網(wǎng)站模板中，設(shè)置了背景圖片。因為網(wǎng)站兩邊在高屏幕分辨率的顯示器上面顯示，兩邊有留白，不如顯示自己設(shè)定的品牌廣告。于是，想到就要做到，接下來，我來演示給大家看看，怎么在自己的網(wǎng)站里面添加網(wǎng)站背景圖片，適合所有網(wǎng)站哦！

今日，站長在線更新了mipdiy模板，在網(wǎng)站模板中，設(shè)置了背景圖片。因為網(wǎng)站兩邊在高屏幕分辨率的顯示器上面顯示，兩邊有留白，不如顯示自己設(shè)定的品牌廣告。于是，想到就要做到，接下來，我來演示給大家看看，怎么在自己的網(wǎng)站里面添加網(wǎng)站背景圖片，適合所有網(wǎng)站哦！

一、添加背景圖片代碼到css里面。

本站的css文件地址是/template/mipdiy/main/css/mipcms.css，那么我們就在這里面添加背景圖片的文件到css里面，在原來的背景顏色代碼：

background-color: #ECF0F1;

的下一行添加背景圖片代碼：

background-image: url(/template/mipdiy/main/images/bj.png);

當(dāng)然背景圖片地址，你可以指定任意位置，比如根目錄/bj.png也行，一般情況下根目錄不要放太多的東西，所以放到模板文件夾里面的images文件夾里面去了。我這里這里是設(shè)置透明背景的png格式的文件，你可以可以設(shè)置jpg或者gif格式的文件。

二、上傳背景圖片到網(wǎng)站空間。

在我的模板設(shè)計中，默認(rèn)背景圖是沒有的，那樣不想添加背景圖片的買來即可使用，如果想使用背景圖片的，指定位置/template/mipdiy/main/images/上傳bj.png即可。

三、關(guān)于背景圖片這么做？

我這里都是網(wǎng)站名稱+域名+核心廣告語的模式。使用美圖秀秀，新建一個200*200大小的透明文件，打上：

3.1、網(wǎng)站名稱：站長在線

3.2、網(wǎng)站域名：003188.cn

3.3、網(wǎng)站核心廣告語：建一個網(wǎng)站創(chuàng)一番事業(yè)。

打上文字以后，再調(diào)整一下傾斜度，自己看著美觀就行了。

當(dāng)然如果你們公司網(wǎng)站有自己設(shè)計logo的話，使用自己設(shè)計的logo，數(shù)字為黑白也行，如果是不透明的文件，可以設(shè)置一下透明度，讓背景圖片淡淡的顯示即可，顏色太深或者太鮮艷也不好看。最后顯示效果，直接看本站即可。

猜你喜歡