新聞中心
zblog添加背景圖片的快捷方法
作者 / 無憂主機(jī) 時間 2016-01-02 18:00:02
前段時間無憂主機(jī)小編的一位朋友在用zblog程序建站，這位朋友為了讓自己php空間中的網(wǎng)站顯得格外與眾不同，在網(wǎng)站的首頁上添加各種效果，一會是添加特殊字體，一會是設(shè)置背景顏色，一會是設(shè)計排版等等，之后遇到了一些特殊的效果不好實現(xiàn)就咨詢小編我要怎么實現(xiàn)，看得無憂主機(jī)小編我是眼花繚亂。小編先是了解了一下這位朋友預(yù)想的設(shè)計效果，發(fā)現(xiàn)這些效果完全可以用添加背景圖片的方法來一步到位。具體的操作方法如下。 首先我們用圖片處理軟件，例如ps工具先把預(yù)想的首頁效果設(shè)計好，然后制作成一張首頁效果圖片。接下來我們找到當(dāng)前主題的css文件樣式表，用網(wǎng)站編輯工具將其打開，用搜索功能找到<body>標(biāo)簽，在這個標(biāo)簽的下面添加新的css樣式代碼，代碼如下：
background-image: url("這里填寫的是制作的圖片的鏈接地址");
background-repeat: no-repeat;
background-position:center 180px;
background-attachment: fixed;
上面這段代碼中設(shè)置的屬性是固定瀏覽器的排版方式，圖片不重復(fù)，寬度居中，距離頂部180個像素。圖片寬度和距離頂部距離可以更具實際的情況進(jìn)行調(diào)整和設(shè)置。最后保存css樣式表，重建一下文件就可以了。
無憂主機(jī)相關(guān)文章推薦閱讀：
ZBLOG搜索頁面模板的制作方法
ZBLOG用YTCMS調(diào)用評論的方法
ZBLOG導(dǎo)航當(dāng)前頁突出顯示的方法
本文地址：http://www.gle-technology.com/zblog/21324.html
