Blog全透視 CSS設置範例 (08/09/2009 修正內容)

因為太多人查詢如何設置 Blog 全透視, 特意整了這篇 CSS設置範例教學,這篇只是最基本之全透視,如果要增加其他效果,請繼續參考

 Blog 美化設置版  及  css 語法匯總 (12/01/2009 整理)

如想設置,請把原先使用中的CSS語法作備份,一但未如閣下理想的效果,還可以還原.

這篇教學適合有美化設置一定認識的朋友使用,如果連url link ,上傳空間,CSS語法貼那裏也不熟悉,請由  css 語法匯總  教學初步了解看起.

長氣再講一次:  CSS語法---按编輯版面工具---外觀---完全自定模式---自定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://i524.photobucket.com/albums/cc321/HelloMissYam/b9149fe53274.gif) fixed center top;}

#blog_masshead{font-size:12px;font-weight:bold;color:#ffffff;background:transparent;}
#blog_masshead{background:none;font-size:0px;}
#blog_masshead A{color:#ffffff;}
#blog_masshead a img{height:0px;}
#blog_masshead .rc{background:transparent;}
#blog_masshead .rc div{background:transparent;}
#blog_masshead .rc_bd{background:transparent;}
#blog_masshead .rc_bc{background:transparent;}
#blog_masshead .rc_ft{background:transparent;}
#blog_masshead .rc_ft div{background:transparent;}
#blog_masshead .bd{height:30px;background:transparent;}
#blog_masshead .bd ul{list-style:none;}
#blog_masshead .menu .rc_w{height:27px;background:transparent;}
#blog_masshead .menu .rc_e{height:27px;background:transparent;}
#blog_masshead .menu a{height:30px;}
#blog_masshead .menu.ml a, #blog_masshead .menu.ml a:hover{background:transparent;}
#blog_masshead .menu.mr a{background:transparent;}
#blog_masshead .bd form input.ipt, #blog_masshead .bd form .btn{height:0px;border-width:0px;background:transparent;}

消除所有原廠的Blog版面白色包圍邊框,我的BLOG友,我的訂閱,等在內.

.rc div{background:none;}
.rc_ft div{background:none;}
.rc_bd div.rc_bc{background:none;}
.rc_bd{background:none;}
.rc{background:none;}
.rc_ft{background:none;}
#blast .rc_ft{background:none;}
#blast .rc_ft div{background:none;}
#friendlist_module .rc div{background:none;}
#friendlist_module .rc_bc{background:none;}
#friendlist_module .rc_ft div{background:none;}
#friendlist_module .rc_bd{background:none;}
#friendlist_module .rc{background:none;}
#friendlist_module .rc_ft{background:none;}
#mod-friend-list-all .rc_bc{background:#E4EDF1;}
#mod-friend-list-all .rc div{background:none;}
#mod-friend-list-all .rc_bd{background:none;}
#mod-friend-list-all .rc{background:none;}
#mod-friend-list-all .rc_ft div{background:none;}
#mod-friend-list-all .rc_ft{background:none;}
#subscribe_highlight .rc {background:none;}
#subscribe_highlight .rc div{background:none;}
#subscribe_highlight .rc_bc {background:none;}
#subscribe_highlight .rc_bd {background:none;}
#subscribe_highlight .rc_ft {background:none;}
#subscribe_highlight .rc_ft div{background:none;}
#mod-tagged-frd-article .rc {background:none;}
#mod-tagged-frd-article .rc div{background:none;}
#mod-tagged-frd-article .rc_bc {background:none;}
#mod-tagged-frd-article .rc_bd {background:none;}
#mod-tagged-frd-article .rc_ft {background:none;}
#mod-tagged-frd-article .rc_ft div{background:none;}

招呼語無框,可透視Blog背景

#blast .rc div , #blast .rc , #blast .rc_bd div.rc_bc ,
#blast .rc_bd , #blast .rc_ft , #blast .rc_ft div ,
#blast .rc_bc .bd{background:transparent;}
#blast a, #blast a:hover{color:black;}

150窄 600中 920濶背景欄消失

.col-150 .rc_bd .rc_bc .bd,
.col-150 .rc div,
.col-150 .rc_ft div,
.col-150 .rc_bd div.rc_bc
{background:none;}

.col-600 .rc_bd .rc_bc .bd,
.row-920 .rc_bd .rc_bc .bd
{background:none;}

150窄 600中 920濶標題透視

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

.col-600 .rc_bd  .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd  .rc_bc .hd .titlebar,
.row-920 .rc_bd  .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd  .rc_bc .hd .titlebar
{background:transparent;}

留言工具列沒有背景,透底

.rte_toolbar {background:transparent;}

文章標題欄透明

.mod-alist-titlebar h1 a {background:transparent;}

.mod-alist-searchbox input.btn{background:none;}

消除喜歡此blog嘅人同時喜歡.....(咁上下意思啦)

 .mod-relatives .rc div, .mod-relatives .rc_ft div, .mod-relatives .rc .mid, .mod-relatives .rc_ft, .mod-relatives .rc{background:transparent;}
.mod-relatives div, .mod-relatives .rc div {height:0px;}

 我的相關網誌

#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar,
#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar .hd,
#mod-tagged-frd-article .rc_bd  .rc_bc .bd
{background:none;}

回應欄全透只保留虛線作為圍框

.cmt-mod-alist #comments-listing .extend-hd,
.cmt-mod-alist #comments-listing .extend-bd .alist-comment
{background:none;}

.cmt-mod-alist .alist-comment ul,
.mod-alist-full .alist-comment li
{background:none;}

.mod-alist-full .alist-comment li
{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-left-style:dashed;border-top-color:#90039A;border-right-color:#90039A;border-left-color:#90039A;border-bottom-color:#90039A;}

上一頁  下一頁欄位透視可以看到 blog背景

.mod-alist-summary .pagination,
.mod-alist-full .pagination,
#photo_highlight .ft
{background:transparent;}

消除廣告

#ov H2 {font:0% Verdana;}
#ov_side_ctnr #ov ul {background:transparent;}
#ov_side_ctnr #ov ul {border-width:0px;}
ov li a,
#ov li,
#ov li em,
#ov .ov_spns h2 a
{FONT-size:0%;color:#ffffff;}

消除 Blog 最底那行文字

#footer{border-width:0px;}
#footer .provider p, #footer .info p, #footer .rights p, #footer .privacy p, #footer .disclaimer p, #footer .provider h4{font-size:0px;}
#footer{font-size:0px;color:#ffffff;}

我的心情全透視背景

#mod_lifeline .bd,
#mod_lifeline .rc_bc{background:none !important;}
#mod_lifeline .rc_bd .rc_bc .hd .titlebar,
#mod_lifeline .rc_bd .rc_bc .bd,
#mod_lifeline .rc div,
#mod_lifeline .rc_ft div,
#mod_lifeline .rc_bd div.rc_bc
{background:none;}
#mod_lifeline div.bd
{background:transparent;}

我的檔案,透底

#profile_info ,
#profile_info .bd
#blog_profile .bd,
#profile_info .bd #personal_profile .bd,
#profile_info .bd #introduction_profile .bd,
#profile_info .bd #personal_profile .bd th,
#profile_info th 
{background:none;}

弄走大標題白色圍框,透底
#blog_title .rc div,
#blog_title .rc,
#blog_title .rc_bd,
#blog_title .rc_bd div.rc_bc,
#blog_title .rc_ft,
#blog_title .rc_ft div
{background:transparent;}

Blog圖片
#photo_highlight .rc_bd .rc_bc .hd .titlebar,
#photo_highlight .rc_bd .rc_bc .bd,
#photo_highlight .rc div,
#photo_highlight .rc_ft div,
#photo_highlight .rc_bd div.rc_bc
{background:none;}

#photo_highlight .ft .more
{background:transparent;}

#photo_highlight .rc_bd .rc_bc .ft{background:none;}

#photo_enlarge .bd,
#photo_enlarge .ft
{background:none;}

#photo_enlarge .ft #post_rte_create,
#photo_comment .bd
{background:none;}

#photo_enlarge .c_photo_enlarge .ft
{background:none;}

#photo_enlarge .bd .c_photo_enlarge .bd
{background:none;}

更多圖片
#gallery_list .ft,
#gallery_list .rc_bd .rc_bc .hd .titlebar,
#gallery_list .rc_bd .rc_bc .bd,
#gallery_list .rc div,
#gallery_list .rc_ft div,
#gallery_list .rc_bd div.rc_bc
{background:none;}

#gallery_list .bd
{background:none;}

#gallery_list .ft .pagination .pagination
{background:none;}

#gallery_list .ft .pagination
{background:transparent;}

遮住 Canon Blog Logo

#canon_blog .bd img,
#canon_news .bd img
{height:0px;}

#canon_news .bd,
#canon_profile_highlight .bd
{background:none;}

如遇到 Blog 美化設置上問題, 請到 Blog Q&A 問題專版 公開發問

以便讓更多朋友得以學習。因此，對於 私人提問，恕不會作答。