2012年7月12日 星期四

我的封面、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 一併帶走!


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

25 則留言 :

  1. 晚上好啊! 謝謝分享!
    [版主回覆07/13/2012 09:40:46]早晨! 祝週四愉快 開心每一天 !

    回覆刪除
  2. 晚安 ! Akina.. 好清楚解釋, 謝謝分享 !
    [版主回覆07/13/2012 09:43:47]早晨! 你語法底子不錯! 初學的該留意語法結構呀!

    回覆刪除
  3. 很厲害啊!
    [版主回覆07/13/2012 09:44:38]早晨! 謝讚啦! ^^

    回覆刪除
  4. 呵呵...瞓覺...啦...晚安...¸¸.•*•♪ღ♪¸.•*¨
    █▄█.█▀█.█▀█.█▀█.█▄█ ♫♫...♫♫...
    █▀█.█▀█.█▀▀.█▀▀.─█_¸¸.•*•♪ღ♪¸.•*¨
    [版主回覆07/13/2012 09:46:05]早晨! 開心每一天

    回覆刪除
  5. 晚安!謝謝分享!...妳好叻...
    [版主回覆07/14/2012 10:33:45]早晨! 花些時間練習就成了 ^^

    回覆刪除
  6. 火鳳凰自言自語2012年7月13日 下午11:08

    雅姬蘭,晚上好!又有好分享了
    [版主回覆07/14/2012 10:35:03]早晨! 謝讚 ^^ ..

    回覆刪除
  7. 謝謝您分享呀...您真的很有心思,
    我看不明白....很難啊....
    [版主回覆07/14/2012 10:38:21]早晨! 這篇是為了學習語法的人多點主動組合而寫的, 剪剪貼貼的練習就可了, 而且有練習題和答案呀!

    回覆刪除
  8. 謝謝分享!假日愉快!
    [版主回覆07/15/2012 10:06:30]早晨! 咁快又週日, 玩得開心D !

    回覆刪除
  9. 晚安:謝謝分享!好難....妳好叻!
    [版主回覆07/15/2012 10:08:00]早晨! ^^ 想着你能砌出美麗的版面, 學習就輕鬆得多啦! ^^

    回覆刪除
  10. 你好, 謝妳來訪分享! 週日快樂!
    [版主回覆07/15/2012 21:01:01]晚上好! 週日快樂! ^^

    回覆刪除
  11. 加油!祝你健康快樂!
    [版主回覆07/15/2012 21:01:44]晚上好! 每天開心健康 ^^

    回覆刪除
  12. 雅姬蘭,你好.好叻喎! 提供設置好得意!
    [版主回覆07/15/2012 21:03:10]晚上好! 美化版面都可代表一種意境或心情啊! ^^

    回覆刪除
  13. 謝謝分享!夏日愉快!
    [版主回覆07/16/2012 10:45:08]早晨! 祝一週愉快!

    回覆刪除
  14. 你的Blog太漂亮了,可以幫忙設計嗎?收費多少?
    [版主回覆07/16/2012 20:47:13]先謝謝讚美, 我跟網友分享我砌版的語法, 全在同一分類, 你在網上找素材代入就可以有自己所要的版面了! 不明可問我 ^^

    回覆刪除

  15. [版主回覆07/17/2012 10:54:16]早晨!

    回覆刪除
  16. Pandora 香傭講法文2012年7月17日 上午1:23


    [版主回覆07/17/2012 10:55:25]早晨!

    回覆刪除
  17. 老師,抱走了,辛苦您
    [版主回覆07/17/2012 17:07:26]午安! 近日修語法時伺服器運作順了點呢! ^^

    回覆刪除
  18. 人若軟弱就是自己最大的敵人, 人若勇敢就是自己最好的朋友。
    ....♥*♥...•*,我又有新的手繪漫畫發佈 , 如果得閒黎我個YAHOO BLOG 睇下
    [版主回覆07/17/2012 22:48:57]喧傳就不要再來我 blog, 又花我時間從雜件相回覆!! 無禮貎 ..

    回覆刪除
  19. 謝謝你來探我呀...^^..我用的是塑膠彩...它們都是速乾的....昨晚剛完成了畫草地的部分...而家會畫電....>.^
    [版主回覆07/18/2012 11:20:56]你的畫上色好特別 .. 好像軟件的 inverse 效果呢 ^^

    回覆刪除
  20. Great!!
    [版主回覆07/18/2012 11:22:13]早晨! 謝謝來訪 ^^

    回覆刪除
  21. 我在寫博文時, 時常遇上文字自己轉變字型, 大小, 顏色...
    完全是它自己轉變的, 并不是我的指意...
    感覺很麻煩, 很煩惱, 也很討厭...你知道問題出在哪裡嗎?
    謝謝你~~
    [版主回覆07/19/2012 21:20:27]你說用 的文章篇輯的情形吧! 我都遇到, 所以早就不用, 自己寫 Html ^^
    .
    或許這些資對你有點助吧! http://fabricated.1ercn.net/t4-topic, 但相片就 upload 完到 html 模式剪下網址再貼入: <img src="圖片網址"> ... 雖有點煩, 但可免被亞虎搞煩

    回覆刪除
  22. 我post字變大了!
    多謝上次分享!
    [版主回覆07/19/2012 21:22:56]恭喜! 那就好了 晚上好!

    回覆刪除
  23. 儲起左...慢慢參詳!謝謝分享!
    [版主回覆07/20/2012 10:29:49]好啊! 有間時打扮版面呀! ^^

    回覆刪除
  24. 相簿好似修改唔到呢><
    唔知語法有邊到錯..
    我想請問下可唔可以睇下邊到有錯...
    [肥周回覆08/09/2012 20:39:24]<style>#asb-menu li{background:url(http://i994.photobucket.com/albums/af66/fiano_barbie/-1-4.png);}</style>
    原來係相簿歌個格仔變背景..我以為係成個相簿頁面換背景呢>_<
    [版主回覆08/09/2012 18:26:11]你用了什麼語法, 想改什麼? 貼上來看看 ...

    回覆刪除
  25. 語法的學問真的得多,我很久沒更新了,有時間真要好好的研究,謝謝您呀...
    [版主回覆08/10/2013 10:18:17]別客氣! 語法需時間理解, 而現在反正不用急去改版面, 當作是消閒吧!

    回覆刪除