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

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

.table_outer

{

border:1px solid #B6CDED;

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

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

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

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

}

.td_outer_header

{

border-top:1px solid #FFFFFF;

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

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

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

background-color: #D5E4F5;

上下框框背景色,黑色處

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

padding: 0px;

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

.table_inner

{

border-right:1px solid #B6CDED;

border-bottom:1px solid #D0D0D0;

border-left:1px solid #B6CDED;

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

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

background-color: #E7EFFA;

內框底色,黑色處

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

}

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

.td_content_1

{

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

border-top:1px solid #CDDDF3;

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

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

background-color: #EFF0F2;

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

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

padding: 3px;

}

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

.td_content_2

{

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

border-top:1px solid #D0D0D0;

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

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

background-color: #EFF0F2;

底部背景色

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

padding: 3px;

}

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

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

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

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

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

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

    阿湯說:

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *