相關網誌: 如何寫個漂亮的blog

Blog 大背景圖連 css 設置總 ( 45 to now ) 不斷增加

楓情畫意

由靚blog 園加工全新編製完成版

預覽:

回應區預覽:

語法開始:
----------------------------------------------------------------------

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{text-align:center;background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-9.jpg

) center top transparent no-repeat;}

html {background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-4.jpg) center top repeat;}

#blog_masshead a img{height:0px;}

#blog_masshead{font-size:12px;font-weight:bold;color:#000000;background:transparent;}

#blog_masshead .rc div{background:transparent;}

#blog_masshead .rc{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:27px;}

#blog_masshead .menu.ml a{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-10.gif) no-repeat;height:35px;}

#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_masshead a{COLOR:#F3CE8E;}

#blog_masshead{FONT-SIZE:0%;COLOR:#F3CE8E;}

#blog_masshead{font-size:0%;font-weight:bold;background:transparent;}

#blog_title .pic_container a img{height:0px;}

.row-920 #blog_title .pic_container{background:url(http://i207.photobucket.com/albums/bb34/19581015/20091230_eeb78abfc6df8b975736O2kxJW.gif) center top no-repeat;height:350px;}

#head {background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/roxanne05.gif);}

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

#blast .rc,

#blast .rc_ft,

#blast .rc div,

#blast .rc_ft div,

#blast .rc_bc .bd,

#blast .rc_bd div.rc_bc,

#blast .rc_ft div div.rc_bc

{background:none;height:0px !important;}

#blast .rc_bc .bd {font-size:0;}

.leavemsg a{font-size:0;color:#F3CE8E;}

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

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

.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{color:#F3CE8E;}

#ov li,

#ov li em,

#ov .ov_spns h2 a

{FONT-size:0%;color:#F3CE8E;}

#tail {background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po23.png) no-repeat center;height:265px;}

#footer{border-width:0px;}

#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p,

#footer .ft .privacy p,

#footer .ft .disclaimer p, #footer .ft .provider h4,

#footer a, .rights, #footer {font-size:0px;color:transparent;height:0px;}

#footer{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-11.png) repeat;height:93px;}

a:hover{

border-top-style:dashed;border-left-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-color:#66380A #66380A #66380A #66380A;border-width:2px 2px 2px 2px;}

#folder .bd ul li,

#article_new .bd ul li,

#comment_new .bd ul li

{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/d07a-5.gif) no-repeat 3px 3px;}

.mod-more-blogs .bd li{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/point39.gif) no-repeat 0 6px;}

.mod-more-blogs{text-align:right;}

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

.mod-alist-searchbox INPUT.ipt{border-width:0px;background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-10.gif) center center no-repeat;height:35px;color:#000000;}

.mod-alist-full .main-hd h1 em,

.mod-alist-brief table a em,

.mod-alist-titlebar-1 h2 a em

{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-14.png) repeat;}

.mod-alist-full .main-hd H1 EM{border-width:0px;}

.mod-alist-brief table A EM{border-width:0px;}

.mod-alist-titlebar-1 h2 a em {border-width:0px;}

.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:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-left-style:dashed;border-top-color:#66380A;border-right-color:#66380A;border-left-color:#66380A;border-bottom-color:#66380A;}

.cmt-mod-alist .extend-hd a {

background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/pno10.gif) no-repeat;}

.cmt-mod-alist #comments-listing .extend-hd {

background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-13.gif) no-repeat 50% 50%;height:115px !important;}

.mod-alist-full .alist-comment .responding {border-top-style:none;background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/045.gif) repeat-x center top;}

.cmt-mod-alist .add-comment {background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/160471253_l.gif) repeat-x;border-width:0px;}

.rte_toolbar {height:62px;background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-15.gif);border-left:2px #66380A ridge;border-right:2px #66380A ridge;border-top:2px #66380A ridge;border-bottom-color:#66380A;border-bottom-style:ridge;border-bottom-width:2px;}

.rte_btn img {background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/20100123_abc92865e29996b22e70v6rDWE.gif);height:22px;}

.rte_btn .rte_btn_sep{border-width:0px;}

.rte_editor, .rte_src_editor{border-width:3px;border-style:dotted;border-color:#66380A;}

.mod-alist-full .alist-comment em.buttons input{height:50px;background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-16.gif);}

.mod-alist-full .alist-comment li:hover {background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-21.png) repeat;}

.mod-alist-full .alist-comment .responding h2{background:url(http://i207.photobucket.com/albums/bb34/19581015/1007605.gif) no-repeat;}

.alist-comment .mod-alist-titlebar h2 a{color:#C1591C;}

.alist-comment .mod-alist-titlebar h2 ins{color:#FF7700;}

.alist-comment .comment-ctnr .content{color:#413891;}

.col-150 .rc_ft div, .col-150 .rc_bd div.rc_bc, .col-150 .rc div,

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

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

.col-150 .rc{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po-13.gif) no-repeat;height:74px;}

.col-150 .rc_bd{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po-11.gif) repeat-y;}

.col-150 .rc_ft{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po-12.gif) no-repeat;height:35px;}

#subscribe_highlight .rc div, #subscribe_highlight .rc_ft div, #subscribe_highlight .rc_bd div.rc_bc{background:none;}

#subscribe_highlight .rc{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po-13.gif) no-repeat center;height:74px;}

#subscribe_highlight .rc_bd{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po-11.gif) repeat-y center;}

#subscribe_highlight .rc_ft{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po-12.gif) no-repeat center;height:35px;}

.col-600 .rc_ft div, .col-600 .rc_bd div.rc_bc, .col-600 .rc div,

.col-600 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_bd .rc_bc .bd{background:none;}

.col-600 .rc{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po60.gif) no-repeat;height:66px;}

.col-600 .rc_bd{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po61.gif) repeat-y;}

.col-600 .rc_ft{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po62.gif) no-repeat;height:97px;}

.mod-relatives .rc_bd, .mod-relatives .rc, .mod-relatives .rc_ft{background:none;}

div.backhomtbtn a.backtomyblog{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/po63.gif) no-repeat center;height:69px;}

#profile_highlight .zodiac{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/20070911_pm_d_o_jjung1324.gif) no-repeat center;height:300px;}

.mod-alist-summary .main-bd li

{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/045.gif) repeat-x center bottom;border-width:0px;}

.yui-t1{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/1_070829wd303_m_02goo08.gif) no-repeat 120px 160px;}

如不想更改頭像,以下這段可不用輸入:

#profile_img_highlight-full{height:0px;}

#profile_img_highlight{background:url(http://i207.photobucket.com/albums/bb34/19581015/amy2010/poe-11-1.gif) no-repeat center;height:171px;}

頭像圖

預覽:

玫瑰寄語**轉貼靚blog園

玫瑰寄語**

靚blog園版型 |

玫瑰寄語

韓版預覽:

由靚blog 園全新編製完成版

預覽:

回應區預覽:

語法開始:
----------------------------------------------------------------------

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{text-align:center;background:url(http://i207.photobucket.com/albums/bb34/19581015/br-1.jpg

) center top transparent no-repeat;}

html {background:url(http://i207.photobucket.com/albums/bb34/19581015/br-2.jpg) center top repeat;}

#blog_masshead a img{height:0px;}

#blog_masshead{font-size:12px;font-weight:bold;color:#000000;background:transparent;}

#blog_masshead .rc div{background:transparent;}

#blog_masshead .rc{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:27px;}

#blog_masshead .menu.ml a{background:url(http://i207.photobucket.com/albums/bb34/19581015/br-11.gif) no-repeat;height:44px;}

#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_masshead a{COLOR:#FFFFFF;}

#blog_masshead{FONT-SIZE:0%;COLOR:#FFFFFF;}

#blog_masshead{font-size:0%;font-weight:bold;background:transparent;}

#blog_title .pic_container a img{height:0px;}

.row-920 #blog_title .pic_container{background:url(http://i207.photobucket.com/albums/bb34/19581015/20091230_eeb78abfc6df8b975736O2kxJW.gif) center top no-repeat;height:300px;}

#head {background:url(http://i207.photobucket.com/albums/bb34/19581015/4gefnz8.gif);}

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

#blast .rc,

#blast .rc_ft,

#blast .rc div,

#blast .rc_ft div,

#blast .rc_bc .bd,

#blast .rc_bd div.rc_bc,

#blast .rc_ft div div.rc_bc

{background:none;height:0px !important;}

#blast .rc_bc .bd {font-size:0;}

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

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

.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{color:#EEF7F9;}

#ov li,

#ov li em,

#ov .ov_spns h2 a

{FONT-size:0%;color:#EEF7F9;}

#tail {background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/352040wjq6b06ixr.gif) no-repeat center;height:450px;}

#footer{border-width:0px;}

#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p,

#footer .ft .privacy p,

#footer .ft .disclaimer p, #footer .ft .provider h4,

#footer a, .rights, #footer {font-size:0px;color:transparent;height:0px;}

#footer{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/HA_png01100069.png) repeat;height:100px;}

a:hover{

border-top-style:dashed;border-left-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-color:#BD71B3 #BD71B3 #BD71B3 #BD71B3;border-width:2px 2px 2px 2px;}

#folder .bd ul li,

#article_new .bd ul li,

#comment_new .bd ul li

{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/065.gif) no-repeat 3px 3px;}

.mod-more-blogs .bd li{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/065.gif) no-repeat 0 6px;}

.mod-more-blogs{text-align:right;}

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

.mod-alist-searchbox INPUT.ipt{border-width:0px;background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/vul3ek6001butterfly1063.gif) center center no-repeat;height:83px;color:#000000;}

.mod-alist-full .main-hd h1 em,

.mod-alist-brief table a em,

.mod-alist-titlebar-1 h2 a em

{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/br-14.gif) repeat;}

.mod-alist-full .main-hd H1 EM{border-width:0px;}

.mod-alist-brief table A EM{border-width:0px;}

.mod-alist-titlebar-1 h2 a em {border-width:0px;}

.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:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-left-style:dashed;border-top-color:#BD71B3;border-right-color:#BD71B3;border-left-color:#BD71B3;border-bottom-color:#BD71B3;}

.cmt-mod-alist .extend-hd a {

background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/8afd677f626c.gif) no-repeat;}

.cmt-mod-alist #comments-listing .extend-hd {

background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/3y7a4py.gif) no-repeat 50% 50%;height:96px !important;}

.mod-alist-full .alist-comment .responding {border-top-style:none;background:url(http://i207.photobucket.com/albums/bb34/19581015/364.gif) repeat-x center top;}

.cmt-mod-alist .add-comment {background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/x1pnprgmi5o52jbsqzqgxate.gif) repeat-x;border-width:0px;}

.rte_toolbar {height:85px;background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/br-15.jpg);border-left:2px #BD71B3 ridge;border-right:2px #BD71B3 ridge;border-top:2px #BD71B3 ridge;border-bottom-color:#BD71B3;border-bottom-style:ridge;border-bottom-width:2px;}

.rte_btn img {background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/ok3-1.gif);height:22px;}

.rte_btn .rte_btn_sep{border-width:0px;}

.rte_editor, .rte_src_editor{border-width:3px;border-style:dotted;border-color:#BD71B3;}

.mod-alist-full .alist-comment em.buttons input{height:26px;background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/br-16-1.gif);border-left:2px #BD71B3 solid;border-right:2px #BD71B3 solid;border-top:2px #BD71B3 solid;border-bottom-color:#BD71B3;border-bottom-style:solid;border-bottom-width:2px;}

.mod-alist-full .alist-comment li:hover {background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/br20.png) repeat;}

.mod-alist-full .alist-comment .responding h2{background:url(http://i207.photobucket.com/albums/bb34/19581015/nameicon_125231.gif) no-repeat;}

.col-150 .rc_ft div, .col-150 .rc_bd div.rc_bc, .col-150 .rc div,

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

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

.col-150 .rc{background:url(http://i207.photobucket.com/albums/bb34/19581015/zz6.png) no-repeat;height:17px;}

.col-150 .rc_bd{background:url(http://i207.photobucket.com/albums/bb34/19581015/zz7.png) repeat-y;}

.col-150 .rc_ft{background:url(http://i207.photobucket.com/albums/bb34/19581015/zz8.png) no-repeat;height:49px;}

#subscribe_highlight .rc div, #subscribe_highlight .rc_ft div, #subscribe_highlight .rc_bd div.rc_bc{background:none;}

#subscribe_highlight .rc{background:url(http://i207.photobucket.com/albums/bb34/19581015/zz6.png) no-repeat center;height:17px;}

#subscribe_highlight .rc_bd{background:url(http://i207.photobucket.com/albums/bb34/19581015/zz7.png) repeat-y center;}

#subscribe_highlight .rc_ft{background:url(http://i207.photobucket.com/albums/bb34/19581015/zz8.png) no-repeat center;height:49px;}

.col-600 .rc_ft div, .col-600 .rc_bd div.rc_bc, .col-600 .rc div,

.col-600 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_bd .rc_bc .bd{background:none;}

.col-600 .rc{background:url(http://i207.photobucket.com/albums/bb34/19581015/photo/zz3-1.png) no-repeat;height:68px;}

.col-600 .rc_bd{background:url(http://i207.photobucket.com/albums/bb34/19581015/photo/zz4.png) repeat-y;}

.col-600 .rc_ft{background:url(http://i207.photobucket.com/albums/bb34/19581015/photo/zz5-1.png) no-repeat;height:198px;}

.mod-relatives .rc_bd, .mod-relatives .rc, .mod-relatives .rc_ft{background:none;}

div.backhomtbtn a.backtomyblog{background:url(http://i207.photobucket.com/albums/bb34/19581015/th01223dc4a1442aba8226ac35.gif) no-repeat center;height:64px;}

#profile_highlight .zodiac{background:transparent url(http://i207.photobucket.com/albums/bb34/19581015/papillon_13.gif) no-repeat center;height:297px;}

.mod-alist-summary .main-bd li

{background:url(http://i207.photobucket.com/albums/bb34/19581015/237.gif) repeat-x center bottom;border-width:0px;}

.yui-t1{background:url(http://i207.photobucket.com/albums/bb34/19581015/photo/wel-22.gif) no-repeat 80px 220px;}

如不想更改頭像,以下這段可不用輸入:

#profile_img_highlight-full{height:0px;}

#profile_img_highlight{background:url(http://i207.photobucket.com/albums/bb34/19581015/br-24.gif) no-repeat center;height:210px;}

如何寫個漂亮的blog (二)

Merry Christmas 紅白各一版型css設置轉貼玫瑰

Blog 頂工具列全透視,但有回自己 blog icon,用藍色字顯示,可轉換其他圖,但要set 高度,也不可用太濶嘅圖,否則不能正常顯示.

#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:url(http://i261.photobucket.com/albums/ii58/wawfybz/Xmas/o47016_1198263985.gif) no-repeat;height:30px;}
#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 標題,代替了哈哈笑公仔圖,用了飄飄落下透底閃鑽圖,並因應背景圖,set 了高度 300px

#blog_title .pic_container a img{height:0px;}
.row-920 #blog_title .pic_container{background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/a12096fb.gif) center top repeat;height:300px;}

Blog 大背景白色 (固定不移動)

背景圖寬度為 1280px 適合一般電腦屏幕

也可選擇以下這款

Blog 大背景紅色 (固定不移動)

背景圖寬度為 1280px 適合一般電腦屏幕

Blog 全幅用了閃石飄飄落下(飄雪)透明底背景

#bd{background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/a12096fb.gif) repeat;}

左右欄窄欄位,並去除所有白色框邊

.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .bd
{background:none;}

.col-150 .rc div,
.col-150 .rc_ft div,
.col-150 .rc_bd div.rc_bc
{background:none;}
.col-150 .rc
{background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/d874a68d.gif) no-repeat;height:122px;}
.col-150 .rc_bd
{background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/15db79ee.gif) repeat-y;}
.col-150 .rc_ft
{background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/7945a10d.gif) no-repeat;height:109px;}

中間網誌600欄背景,並去除所有白色框邊,用了閃石飄飄落下透明底做文章背景,如不喜歡此圖可改用其他圖亦可

如果 set 其他寬度欄位, 760 或 922, 請把 600 數字變更想要的

.col-600 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .bd,
.col-600 .rc div,
.col-600.rc_ft div,
.col-600 .rc_bd div.rc_bc
{background:transparent;}
.col-600 .rc
{background:transparent;}

.col-600 .rc_bd
{background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/blackground/434f8eae.gif) center top repeat;}
.col-600 .rc_ft
{background:transparent;}

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{font-size:0;background:transparent;height:0px;}
#blast a, #blast a:hover{color:#ffffff;}
#blast a{font-size:0;color:#ffffff;}

最新網誌,回應,網誌分類小圖設置

#folder .bd ul li,
#article_new .bd ul li,
#comment_new .bd ul li
{background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/3710ac40.gif) no-repeat 5px 5px;}
.mod-more-blogs .bd li{background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/3710ac40.gif) no-repeat 0 6px;}
.mod-more-blogs{text-align:right;}

更多網誌小圖

.mod-more-blogs .bd h3{font-size:15px;background:url(http://i303.photobucket.com/albums/nn136/a700501s/a700501s2/a700501s3/th_nameicon_57151.gif) no-repeat 5px 0;}

最新網誌,回應,網誌分類字體偏左,字體大小 set 為14px

#article_new .bd,
#comment_new .bd,
#folder .bd
{text-align:right;}
#comment_new .bd{font-size:14px;}

滑鼠指住連結出現飄飄落下背景, 並且加入粉紅色框虛線

a:hover{
border-top-style:dashed;border-left-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-color:#F3B1EF #F3B1EF #F3B1EF #F3B1EF;border-width:2px 2px 2px 2px;}
a, a:visited{color:#000000;}
a:hover{color:black;background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/de0b48473639.gif);}

Blog 回應欄工具列背景設置

.hd .titlebar .hd h2{text-align:left;}
.rte_toolbar {background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/e8ca56c2.gif) repeat-x bottom;height:70px;}

Blog 回應欄工具列 icon 圖示

.rte_btn img{border-width:0px;}
.rte_btn .rte_btn_sep{border-width:0px;}
.rte_btn img{background:transparent url(http://i55.photobucket.com/albums/g153/christinayam/tbbtn1_pinkrose.gif);height:22px;}

網誌文章頂工具欄位背景字體16px,偏左,黑色字體

.mod-alist-titlebar h1 a {background:transparent;color:#000000;}
.mod-alist-full .main-hd{background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/106bcb23.jpg) repeat;height:62px;}
.mod-alist-full .main-bd{font-size:16px;text-align:left;font:0%;color:black;}

文章前小圖

.mod-alist-full .main-hd h1 em,
.mod-alist-titlebar-1 h2 a em,
.mod-alist-titlebar h2 a em,
.mod-alist-brief table a em
{background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/42_duddn0521-1.gif );border-width:0px;}

搜尋欄

.mod-alist-searchbox input.btn{background:none;}
.mod-alist-searchbox INPUT.ipt{border-width:0px;background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/1db02c22.gif) center center no-repeat;height:70px;color:#000000;}

回應區加入分隔線修飾

.mod-alist-full .alist-comment .responding {border-top-style:none;background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/cba749be.gif) no-repeat center top;}

回應前小圖

.mod-alist-full .alist-comment .responding h2{background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/bd6f1260cf1f.gif) no-repeat;}

回應區域框線及背景設置

( 用了粉紅色 #A649EE, 可以自己改變其他顏色, 框粗度用了 1px, 可以修改大D )

.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:#A649EE;border-right-color:#A649EE;border-left-color:#A649EE;border-bottom-color:#A649EE;}

.cmt-mod-alist .alist-comment .responding {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:#A649EE;border-right-color:#A649EE;border-left-color:#A649EE;border-bottom-color:#A649EE;}

.cmt-mod-alist #comments-listing .extend-bd .alist-comment, .mod-alist-full .alist-comment ul, .alist-comment li {background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/928b29995ab9.gif) repeat;}

回應區域背景

.mod-alist-full .alist-comment li {background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/006ee723.gif) repeat;}
.cmt-mod-alist {background:transparent url(http://) repeat;}

以下為文章上一頁,下一頁欄,回應欄 set了透明圖作為背景,如不喜歡此圖可改用其他圖亦可.

.mod-alist-brief table th,
.mod-alist-pagination,
.mod-alist-summary
.pagination,
.mod-alist-brief
.pagination,
.mod-alist-full
.pagination {background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/928b29995ab9.gif);font-size:16px;}

.mod-alist-brief table th span{border-width:0px;}
.mod-alist-brief table th span{color:#000000;}
.mod-alist-brief table td a,
.mod-alist-brief table td a:hover
{color:#000000;}
.mod-alist-summary .main-bd li{border-top:none;}

.mod-alist-summary .main-bd li
{background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/79b38f8c.gif) no-repeat center bottom;border-width:0px;}

中間網誌文章分隔線

.mod-alist-summary .main-bd li:hover{background:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/79b38f8c.gif) no-repeat center bottom;border-width:0px;}

共幾多個回應及共幾多個引用前小圖

.cmt-mod-alist .extend-hd a {background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/8afd677f626c-1.gif) no-repeat;}

文章被 blog 友引用欄位組合設置

.mod-trackback .extend-hd, .mod-trackback .extend-bd, .mod-trackback ul{background:transparent url(http://i524.photobucket.com/albums/cc321/HelloMissYam/blackground/grid_0061_gif.gif) repeat;}

.mod-trackback ul{background-image:url(http://i524.photobucket.com/albums/cc321/HelloMissYam/blackground/22d01120.gif);}

.mod-trackback li a, .mod-trackback li a:hover {color:#000000;}

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;}

去除廣告宣傳欄

#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嘅人同時喜歡.....(咁上下意思啦)

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

儲存及取消按健

.cmt-mod-alist .add-comment em.buttons input{color:#FC0075;height:45px;text-align:center;background:url(http://img685.imageshack.us/img685/3517/136hy.gif) no-repeat;}