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