Yahoo Blog 的背景問題

〔背景不捲動〕及〔欄位背景透明〕可以用 CSS 語法做到。

在『自己BLOG』按「編輯版面工具」再按「外觀」，

選《完全自定模式》到下一步，

在『自定CSS』輸入語法；再按『完成』就可以了。

語法~


/*背景固定*/

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc,

body.photo_upload_gallery {BACKGROUND: url(http://圖片連結.jpg) fixed center top; background: no-repeat;}
* http://圖片連結.jpg 必須跟『全網誌』的「背景圖像」連結相同


主組件

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

.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:transparent;}


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

.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:transparent;}


次組件

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

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

.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent;}


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

.col-150 .rc_bd .rc_bc .bd {background:transparent;}

*綠色字只為說明，不要加進『自定CSS』欄位之內
*提提你：欄位背景設定為透明之後，當標題字是英文時，字體會有化開的現像。
　

2009-03-11 06:35:49 補充：
補充1：

〔背景固定語法〕原是一整句，不知為何 回答內容　被系統分割了。

albcitw 所列出的語法確是可行，而且夠簡單。

針對瀏覽者的 screen resolution 有不同設定，仍建議加上 background: no-repeat;　

變成：

body.blog_my{background: url(http://圖片連結.jpg) fixed center top; background: no-repeat;}

令圖片置中及防止走位


補充2：

欄位背景設定為透明之後，當標題字是英文時，字體會有化開的現像。（使用 Firefox 的用戶並無此現像）

2009-03-13 05:06:00 補充：
多謝babygirl的意見。其實“在較早前”，若｛http://圖片連結.jpg “沒有”跟『全網誌』的「背景圖像」連結相同｝的話，背景圖仍是不能固定的。

唯一<<可以直接使用>>的語法：

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery{background-attachment:fixed;}

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


輸入語法的方法：

編輯版面→外觀

→點選完全自定模式→按下一步

→在「自定CSS」中輸入語法→按完成


(這個語法對於未被錯誤語法感染過的初學者而言更易上手)

2009-03-13 04:29:51 補充：
以上是固定背景的語法

2009-03-13 04:33:36 補充：
欄位透明語法
.col-150 .rc_bd .rc_bc .hd .titlebar, .col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar, .row-760 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .hd .titlebar,.col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd{background:none}

2009-03-13 04:33:44 補充：
個人認為習慣使性用background:none比background:transparent較佳，可節省語法需要的空間和loading的速度(如只用了少量語法的用戶不用太注意)

2009-03-13 04:35:24 補充：
body.blog_my{background:#FFFFFF url(圖片網址) fixed;}

這個不太可行，因為只有網誌的首頁會有效果

2009-03-13 04:38:49 補充：
不好意思，May那裡，
* http://圖片連結.jpg 必須跟『全網誌』的「背景圖像」連結相同

其實用了你提供的語法，已經完全覆蓋原本設定，所以這一點毋須理會

(搵左好耐
圖片參考：http://l.yimg.com/f/i/tw/ugc/rte/smiley_4.gif
)固定背景:
在CSS自定欄填上以下語法，再按完成即可

body.blog_my{background:#FFFFFF url(圖片網址) fixed;}
圖片網址直接複製(背景圖象顯示出來的網址)
參考資料來源:
http://hk.myblog.yahoo.com/jw!KMZ6j16LGQJNpQWEryLpmuoycz8-/article?mid=248

至於[透明]方法未搵到。




2009-03-11 02:28:39 補充：
固定背景，以後如要轉換背景的話係要先刪除[固定背景CSS語法]的。

2009-03-11 16:28:34 補充：
透明css語法:


.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:transparent;}





.col-150 .rc_bd .rc_bc .bd{background:transparent;}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

2009-03-11 16:29:10 補充：
以上係透明既css，將此貼於[固定背景css語法]之下，即是將[固定背景]与[透明]既語法全部貼係css欄。

我試過係得架


參考資料來源
http://hk.myblog.yahoo.com/jw!cN08TNiWHwUr8kif.CXQHmg-/article?mid=2109