~左右側標題的底圖文字語法

賊言賊語:

部落格的語法最好備份起來,一但你開始修改你的語法,就有一定的風險.

等部落格出問題了,你就欲哭無淚了,之前的成功也消失了.

另外一提,每次夜賊賊都看別人的教學,不管有沒有附圖,當下了解,但要改自己語法時就忘了這是啥?就算有名稱,可是還是會容易搞混=.=,因為很多都相似的,頭真痛!

---

請參考註解A.B

---

/*Nav module header*/ .yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:#000000; color:#FFFFFF;background-image:url(http://maggy.syups.tp.edu.tw/11%A5%AC%B4%BA%A5D%C3D%2F02%B6%C2%A9%B3%A5%CE%B9%CF%2F08%C1%A2%B5%B7%AA%E1%C3%E4%2F05%BC%D0%C3D%AA%C5%A5%D5%AAO%2F02%2Ejpg);background-position:center;background-repeat:no-repeat;text-align:center }

這是夜賊賊的左右側 標題底圖(MV自己選.統計資料等)↑

1 .background:#000000; color:#FFFFFF

background:色碼 (背景顏色) 色碼可以這樣寫 background:black 或 background:#000000

color:色碼 (標題的文字顏色)

夜賊賊推薦 配色大辭典 很好用!!

2. background-image:url(http://maggy.syups.tp.edu.tw/11%A5%AC%B4%BA%A5D%C3D%2F02%B6%C2%A9%B3%A5%CE%B9%CF%2F08%C1%A2%B5%B7%AA%E1%C3%E4%2F05%BC%D0%C3D%AA%C5%A5%D5%AAO%2F02%2Ejpg)

background-image:url(圖片網址)

3. background-position:center 圖片對齊格式

就是決定背景要置中、靠左、靠右的設定 center：置中對齊

4. background-repeat:no-repeat 圖片是否要重複顯示 no-repeat：不重複顯示

如果你的圖夠符合標題框框所需的大小,那就不需要重複顯示.

5. text-align:center 文字對齊方式（水平）

決定 文字水平對齊方式。屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊

上面test-align:center這就是夜賊賊自己領悟出來的- -+,配合著註解B,有發現嗎?各位~

只要有文字方面的就可以應用註解B!!

夜賊賊懶人專用語法方式.....................(￣▽￣＃)﹏﹏太聰明了我~~~=.=

---

↓簡便點加入設定就可以囉↓

/*Nav module header*/ .yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:背景色碼; color:標題文字顏色;background-image:url(背景圖片網址);background-position:圖片對其格式;background-repeat:是否要重複;text-align:文字對齊方式 }

---

再來就是貼語法了!! 管理部落格→面板設定→自訂樣式 把你完成的語法貼上去

強烈提醒!!必須找出部落格裡頭原來的語法,予以刪除,才能貼上新的語法喔!!

不然有兩個相同的主題,部落格就亂了!!

不然,像夜賊賊一樣懶的話,找出語法,直接修改,不過風險也不低!!

哈哈哈......﹏(ㄏ￣▽￣)ㄏ.....後果自負.....ˋ( ° ▽　°)

不負責任的夜賊賊筆......=.=

您是第位訪客