Yahoo! Blog 組件欄半透明 CSS

在 Yahoo Blog 令網誌中間欄位及組件背景半透明需要使用 CSS語法 ~



先預備一張半透明圖片如下圖：



圖片參考：http://img525.imageshack.us/img525/2138/ffc4ef.png
（此圖現在放大了100倍）


將半透明圖片上傳到網絡空間；取得圖片網址之後便可加入 CSS語法：


步驟：

在【自己Blog】按【編輯版面】，選【外觀】；

在【編輯外觀】選【完全自訂模式】；

在【自訂CSS】輸入【語法】，按【完成】結束


語法：

主組件

/*中間網誌標題背景半透明*/

.col-600 .rc_bd .rc_bc .hd .titlebar,

.row-920 .rc_bd .rc_bc .hd .titlebar,

.row-760 .rc_bd .rc_bc .hd .titlebar {background:url(http://img525.imageshack.us/img525/2138/ffc4ef.png);}


/*中間網誌內容背景半透明*/

.col-600 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .ft,

.row-920 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .ft,

.row-760 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .ft {background:url(http://img525.imageshack.us/img525/2138/ffc4ef.png);}



次組件

/*兩欄標題背景半透明*/

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,

.col-150 .rc_bd .rc_bc .hd .titlebar {background:url(http://img525.imageshack.us/img525/2138/ffc4ef.png);}


/*兩欄內容背景半透明*/

.col-150 .rc_bd .rc_bc .bd {background:url(http://img525.imageshack.us/img525/2138/ffc4ef.png);}



#使用這語法時最重要的一步是：加入一個{符號在整篇CSS語法的最尾部


#主組件.../*中間網誌標題背景半透明*/ 這些只是用作解釋，不要加進CSS語法之內


參考及半透明圖片整作教學請瀏覽：http://hk.myblog.yahoo.com/Cat-Goddess/article?mid=7345




圖片參考：http://i492.photobucket.com/albums/rr282/bgpic/gem/AmethystOctagon.jpg