Yahoo! Blog 組件欄半透明 CSS

如題.....

點樣令Yahoo! Blog 啲組件欄變成半透明
好似中間咁樣.....

thx!

My Blog:
http://hk.myblog.yahoo.com/blackcat_1432/

回答 (1)

2009-07-25 2:57 pm
✔ 最佳答案

在 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



收錄日期: 2021-04-28 14:22:45
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20090721000051KK00673

檢視 Wayback Machine 備份