部落格軌道自定範本樣式表(Custom.CSS)完整解析《色彩篇》

2009/05/03 網路社群

/* Widget外框架的Table屬性 */

.table_outer

{

border:1px solid #B6CDED;

如果在widget裡有設定顯示邊框,才有效果,最外圍的框線色,黑線處

最外圍框線與內框中間的底線色,黑色處

}

.td_outer_header

{

border-top:1px solid #FFFFFF;

上面框框和下面框框的頂部線彩,黑線處

font:bold 12px tahoma, arial, helvetica, sans-serif;

background-color: #D5E4F5;

上下框框背景色,黑色處

padding: 0px;

}
/* Widget內框架與內文背景的Table屬性 */

.table_inner

{

border-right:1px solid #B6CDED;

border-bottom:1px solid #D0D0D0;

border-left:1px solid #B6CDED;

左右下三條線的色彩,黑色處

background-color: #E7EFFA;

內框底色,黑色處

}

/* 部落格名稱背景樣式 */

.td_content_1

{

font:normal 11px tahoma, arial, helvetica, sans-serif;

border-top:1px solid #CDDDF3;

每個部落格名稱的頂部線彩,黑色處

background-color: #EFF0F2;

部落格名稱的背景色彩,黑色處

padding: 3px;

}

/* Widget底部資訊提供(登出 & BO幣狀態) */

.td_content_2

{

font:normal 11px tahoma, arial, helvetica, sans-serif;

border-top:1px solid #D0D0D0;

底部登入登出框框的頂線色彩,黑線處

background-color: #EFF0F2;

底部背景色

padding: 3px;

}

本教學共分為3篇,請點選以下連結繼續觀看:

1、部落軌道樣式範本解說《色彩篇》PART I

2、部落軌道樣式範本解說《色彩篇》PART II(本頁面)

3、部落軌道樣式範本解說《色彩篇》PART IIII

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

3 個留言

  1. 拆組達人表示:

    如圖,請看黑色處
    ^^^^^^
    應該是”紅框處”吧?!
    後面幾張圖沒有啥黑色的地方

    這篇很實用,我一直想自訂軌道的版型
    只是近來都在忙官網的架設
    最近搞的差不多了,在來玩軌道的外觀吧! :as24

    阿湯說:

    多玩一些外觀蛤,有新的外觀在分享給大家吧

  2. 天仙表示:

    天仙道長無所不在 :as66

    阿湯說:

    哈~太猛了…

發表留言 »

姓名(*)
信箱(*)