YHKBLOG CSS語法: 美化訂閱欄位及訂閱頁

廢話不多說, 說了也沒用, 加上我不喜歡引用者將我的前言也一併copy.

 

－－－－－－－－－－－－－－－－－－－－

語法 (/*XXX*/那行的解釋不要抄)

 

/*首頁訂閱組件框*/
#subscribe_highlight .rc{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_nw.gif) left bottom no-repeat;}
#subscribe_highlight .rc div{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_ne.gif) right bottom no-repeat;}
#subscribe_highlight .rc_bd{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_w.gif) repeat-y;}
#subscribe_highlight .rc_bc{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_e.gif) right top repeat-y;}
#subscribe_highlight .rc_ft{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_sw.gif) left top no-repeat;}
#subscribe_highlight .rc_ft div{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_se.gif) right top no-repeat;}

*首頁訂閱組件接收器圖示*/
#subscribe_highlight .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-subscription-ico.gif) no-repeat 3px bottom;}

/*首頁訂閱組件,最近更新四個BLOG分隔線(中間欄位)*/
.col-600 #subscribe_highlight ul.blog-list li.list-1{border-style:dotted;border-color:#888;border-width:0 1px 1px 0;}
.col-600 #subscribe_highlight ul.blog-list li.list-2{border-style:dotted;border-color:#888;border-width:0 0 1px;}
.col-600 #subscribe_highlight ul.blog-list li.list-4{border-style:dotted;border-color:#888;border-width:0 0 0 1px;}

/*首頁訂閱組件,最近更新四個BLOG和分類中間分隔線(中間欄位)*/
.col-600 #subscribe_highlight ul.blog-list{border-left:1px solid #8C858C;}
/*首頁訂閱組件,最近更新四個BLOG和分類中間分隔線(兩則欄位)*/
.col-150 #subscribe_highlight ul.blog-list{border-top:1px dotted #8f8b80;}

/*首頁訂閱組件,訂閱分類folder圖示+分類名稱顏色*/
#subscribe_highlight .folder li a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-folder.gif) no-repeat 4px 0;}

/*首頁訂閱組件,最近更新四個BLOG項目圖示*/
#subscribe_highlight ul.blog-list li .mod-subscription-list{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-3.gif) no-repeat 0 6px;}

/*首頁訂閱組件,所有連結字*/
#subscribe_highlight a{text-decoration:none;color:#412d24;}
#subscribe_highlight a:hover{text-decoration:underline;color:#412d24;}

/*首頁訂閱組件,最近更新四個BLOG友照片*/
#subscribe_highlight ul.blog-list li img{border-width:1px;border-style:solid;border-color:#c8c8ca;width:25px;height:25px;}

/*首頁訂閱組件,最近更新四個連結色*/
#subscribe_highlight ul.blog-list li{color:#5f5b5a;}

/*整個訂閱頁組件外框&所有沒特別設定的字色*/
#subsrciption-center .bd{color:#000;
border-width:1px;border-style:solid;border-color:#171717;}

/*訂閱頁組件標題背景圖&下面分隔線*/
#subsrciption-center .titlebar{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-bg-hd-1.gif) repeat-x 0 bottom;
border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#171717;}

/*訂閱頁組件標題接收器圖示連標題字(紫圈)*/
#subsrciption-center .titlebar h1{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/subsrciption-center-title.gif) no-repeat 0 bottom;height:39px;}

/*組件左邊下方背景及中間分隔線,整個組件外框的外框*/
#subsrciption-center, #subsrciption-center .bdr{border-bottom:1px;border-style:solid;border-color:#171717;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/myblog-clist-center-bg.gif) repeat-y 0 0;}

/*訂閱頁組件左邊上方白色背景(包圍訂閱分類list的背景)*/
#subsrciption-center #col-1{background:#fff;}

/*訂閱分類外框*/
#subscript-side-bar .rc{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/friend-list-side-bar-nw.gif) no-repeat 0 0;}
#subscript-side-bar .rc div{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/friend-list-side-bar-ne.gif) no-repeat right bottom;}
#subscript-side-bar .rc-bd{border:1px solid #cbcdcc;border-width:0 1px;}
#subscript-side-bar .rc-bc{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/friend-list-side-bar-bdr.gif) repeat-x 0 bottom;}
#subscript-side-bar .rc-ft{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/friend-list-side-bar-sw.gif) no-repeat 0 0;}
#subscript-side-bar .rc-ft div{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/friend-list-side-bar-se.gif) no-repeat right top;}

/*訂閱分類背景*/
#subscript-side-bar{background:#ffbfdf;}

/*新增訂閱下分隔線(綠箭咀)*/
#subscript-side-bar h4.new-subscription{border-bottom:1px solid #ccc;}
/*管理訂閱分類上分隔線(紅箭咀)*/
#subscript-side-bar h4.folder-setting{border-top:1px solid #ccc;}

/*訂閱分類folder圖示+分類名稱顏色*/
#subscript-side-bar li a{color:#69C1D5;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-folder.gif) no-repeat 6px 0;}

/*打開訂閱分類後folder圖示+分類名稱顏色*/
#subscript-side-bar li.on a{color:#5d5d5d;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-9.gif) no-repeat -1px -90px;}

/*打開訂閱分類BLOG友名稱顏色*/
#subscript-side-bar li.on li a{color:#69C1D5;}

/*管理訂閱圖示+文字顏色*/
#subscript-side-bar h4 a{color:#69C1D5;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-9.gif) no-repeat;}

/*打開了的訂閱分類背景&外框*/
#subscript-side-bar li.on{border-width:1px;border-style:solid;border-color:#E3E3E3;background:#F6F6F6;}

/*打開訂閱分類列BLOG友照片*/
#subscript-side-bar li li a img{width:25px;height:25px;border-width:1px;border-style:solid;border-color:#CBCBCB;}

/*「最近更新的訂閱」字樣下面的線*/
#subscription-index h1{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#171717;}

/*最近更新的訂閱,項目圖示(綠圈)*/
.subscription-index-list{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-3.gif) no-repeat 0 3px;}

/*最近更新的訂閱,字色*/
.subscription-index-list a,.subscription-index-list a:hover{color:#442D1B;}

/*最近更新的訂閱,BLOG友照片(藍圈)*/
.subscription-index-list a img{border-width:1px;border-style:solid;border-color:#ccc;width:25px;height:25px;}

/*預覽訂閱的BLOG,「網誌檔案」字樣*/
#subscription-detail h1{color:#6b6b6b;}

/*預覽訂閱的BLOG網址&BLOG標題連結*/
#subscription-detail table td a{color:#70c0cb;}

/*預覽訂閱的BLOG,「最近十篇網誌」字樣*/
#subscription-detail .ctnr h2{color:#6b6b6b;}

/*預覽訂閱的BLOG,「最近十篇網誌」字樣&其下面的線*/
#subscription-detail .ctnr ul{border-top:2px solid #363636;}

/*預覽訂閱的BLOG,網誌標題字顏色&預覽箭咀圖示*/
#subscription-detail .ctnr li h3 a{color:#739ba5;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/mod-ico-7.gif) no-repeat;}

/*預覽訂閱的BLOG,打開作預覽的一篇網誌的背景&字色*/
#subscription-detail .ctnr li.on{color:#636363;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/article-compose-bg-2.gif) repeat-x 0 bottom;}

/*預覽訂閱的BLOG,指向預覽網誌背景*/
#subscription-detail .ctnr li:hover{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/article-compose-bg-2.gif) repeat-x 0 bottom;}

/*預覽訂閱的BLOG,分隔線&未預覽的網誌內容色*/
#subscription-detail .ctnr li{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#cacaca;color:#686868;}

 

製作外框可參考預設圖

 

－－－－－－－－－－－－－－－－－

轉載務必告知及確實填寫引用

http://help.cc.hk.yahoo.com/frame_sub_category.html?prodid=9&catyname=我想寫Blog&funclass=我想寫Blog&id=605