樂于分享
好東西不私藏

WordPress教程:dux主題頂部添加彩色美化條

游手好閑的老夜經常有事沒事就去逛逛別人的博客,學到了不少但是也扒來了不少好東西。這不前幾天看到好幾個大站頂部都掛上了彩色燈籠,老夜眼饞就又去扒源碼了,然后又發現代碼并不適用于目前所使用的dux主題,折騰捯飭了半天終于順利的加了上去,但是沒過幾天因為太過“花哨”又給去了。這里就寫個教程分享出來就當做個筆記了,喜歡的小伙伴們也可以拿去裝飾自己的站點。(復制你奶奶個腿,本文是老夜寫的,改了名字冒充老夜,要臉嗎)

話不多少效果圖先附上:

添加教程:

一般主題僅需添加下面的CSS代碼即可

/* 頂部邊欄加橫條美化*/ 
/*----www.glmjqu.live----*/
background:url(圖片鏈接或者路徑)?repeat-x?scroll?0?100%;

dux主題一直比較特立獨行,另外網上的一些教程也不太適用于dux主題有時候非常令人蛋疼~~~

挑選好合適的CSS代碼后后添加至主題目錄下的style.css文件中,如果是dux主題用戶則需要添加至main.css文件中,千萬別搞錯了!!!

dux主題CSS代碼:

/* 頂部邊欄加橫條美化*/
/*----www.glmjqu.live----*/
.header {
background: #fff url('http://tva3.sinaimg.com/large/006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg') repeat-x 0 100%;//此處應替換為對應網站的圖片鏈接
}

?圖片文件下載:

靜態圖片

地址:?http://tva3.sinaimg.com/large/006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg

動態滾動圖片:

地址:?http://tva2.sinaimg.com/large/006VCrUsgy1fjmflwl7rog30ag004dfs.gif

補充:

可以將圖片下載上傳至網站目錄也可以直接用上面的新浪圖床外鏈,CSS樣式大家也可以根據自己喜好更改,網站文件修改前記得先備份將要修改的文件以保障數據安全。更多WordPress教程老夜陸陸續續會繼續分享出來,如有不足之處歡迎文章底部留言補充~~~

 

本站文章均為手工撰寫未經允許謝絕轉載:夜雨聆風 » WordPress教程:dux主題頂部添加彩色美化條
支付寶掃碼打賞 微信打賞

如果文章對您有幫助,歡迎移至上方按鈕打賞……

評論 搶沙發

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址

×
訂閱圖標按鈕
群星闪耀注册