我的封面、Post、相薄 語法積木

喜歡原創 不隨波遂流!

如有引用請用原文、留言!

不少網友慣用的自定欄位輸入空間巳經爆滿, 請自行掉配! 在其他自定欄位輸入語法, 繼續美化!

記得將所需語法全部加入一個自定欄位放於總共一對 <style></style> 之間包着即可!!

*      *      *

我文經常有句: "欄位名稱、語法動作順序中、英對照! 中文註解於消化後, 請只用英文部份, 省卻語法輸入空間!"

對玩美化有一日子的 bloggers 不難理解, 然而亦有不少人在這方面剛起步, 在此講講基本語法的結構!

本篇以 Q&A 型式撰文, 網友可按步驟作效果測試!

*      *      *

我的封面、Post、相薄那條撰單所用欄位名稱都是固定的, 所以當你在轉版時不需擔心要另找語法改版面! 只要把欄位(項目名稱)、語法動作像砌積木般排成語法即可!

欄位(項目名稱)有如下 8 個:

1. 長條(底部):  #asb-menu .clrfix

2. 分隔線:  #asb-menu .clrfix li

3. 我的封面:  #asb-menu .clrfix .first

4. Post:  #asb-menu .clrfix .current

5. 相薄:  #asb-menu li

6. 我的封面文字:  #asb-menu .clrfix .first a

7. Post 文字:  #asb-menu .clrfix .current a

8. 相薄 文字:  #asb-menu li a

圖示:

*      *      *

語法動作 4 個:

a. 透視背景:  background:none;

b. 加圖:  background:url(小圖網址) no-repeat;

c. 清除格線:  border-width:0px;

d. 文字字色:  color:顏色名稱 或 #6 位色碼;

*e.g. color:purple; 或 color:#cc6600;

*      *      *

如何砌積木 ?

I. 開始先用英文的欄位(項目)名稱, 加多個欄位用逗號 , 加空位分隔並接連, 單一個或排最後的不用加
II. 接上鷹號 {}
III. 在鷹號加入英文的語法動作, 多個語法動作用分號分隔並接連 ;



請注意空位: 例子 /*Post, 箱薄文字為藍色、清除格線*/

#asb-menu .clrfix .current a, #asb-menu li a{color:blue;border-width:0px;}

*      *      *

Q1: 把快樂時光(或其他型版)的長條背景、分隔線透視

Q2: 把我的封面、Post、相薄文字全部轉橙色

Q3: 在預設(其他)型版我的封面、Post、相薄文字加小圖

點擊小圖觀看及取鏈:

      

Q4: 在白色(兩欄)或其他型版的長條靠右加圖、清除格線

點擊圖片觀看及取鏈: widht:370px;height:82px;

A: 先試後看 答案

Q: 你是否成實無過的人 ?



本篇希望能助使用者多在語法上主動自組、熟能生巧!

***測試、制作及編寫下過心機, 用了時間,
如引用語法或文章資料請連同我 blog Logo  一併帶走!

示範動(圖片)引用自網絡, 為免失鏈, 請上傳到你個人上載空間! 如有侵權, 請通知刪除!