這一套邊框很中性, 男及女格友都合用

希望各位仍然支持邊框創作, 給多些回應支持

你的回應是創作邊框的原動力

按下看全 Full 圖

http://s50.radikal.ru/i130/0905/20/098298b70006.jpg

背景圖 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://i030.radikal.ru/0905/ca/580c279f8cb2.gif ) no-repeat fixed center top;}

我的相關網誌 

(因應組件擺放位置設定適合闊度圖片)

#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;}
#mod-tagged-frd-article .rc
{background:url(
http://img20.imageshack.us/img20/8451/150top.gif) no-repeat;height:38px;}
#mod-tagged-frd-article .rc div,
#mod-tagged-frd-article .rc_ft div,
#mod-tagged-frd-article .rc_bd div.rc_bc
{background:none;}
#mod-tagged-frd-article .rc_bd
{background:url(
http://img32.imageshack.us/img32/6561/150lrj.gif) repeat-y;}
#mod-tagged-frd-article .rc_ft
{background:url(
http://img34.imageshack.us/img34/5219/150bottom.gif) no-repeat;height:42px;}

我的訂閱 

(因應組件擺放位置設定適合闊度圖片)

#subscribe_highlight .rc_bd .rc_bc .hd .titlebar,
#subscribe_highlight .rc_bd .rc_bc .hd .titlebar .hd,
#subscribe_highlight .rc_bd  .rc_bc .bd
{background:none;}
#subscribe_highlight .rc{background:url(
http://img20.imageshack.us/img20/8451/150top.gif) no-repeat;height:38px;}
#subscribe_highlight .rc div,
#subscribe_highlight .rc_ft div,
#subscribe_highlight .rc_bd div.rc_bc
{background:none;}
#subscribe_highlight .rc_bd
{background:url(
http://img32.imageshack.us/img32/6561/150lrj.gif) repeat-y;}
#subscribe_highlight .rc_ft
{background:url(
http://img34.imageshack.us/img34/5219/150bottom.gif) no-repeat;height:42px;}

我的BLOG友 

(因應組件擺放位置設定適合闊度圖片)

#friendlist_module .rc_bd .rc_bc .hd .titlebar,
#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd,
#friendlist_module .rc_bd  .rc_bc .bd
{background:none;}
#friendlist_module .rc{background:url(
http://img20.imageshack.us/img20/8451/150top.gif) no-repeat;height:38px;}
#friendlist_module .rc div,
#friendlist_module .rc_ft div,
#friendlist_module .rc_bd div.rc_bc
{background:none;}
#friendlist_module .rc_bd
{background:url(
http://img32.imageshack.us/img32/6561/150lrj.gif) repeat-y;}
#friendlist_module .rc_ft
{background:url(
http://img34.imageshack.us/img34/5219/150bottom.gif) no-repeat;height:42px;}

我的書籤 

(因應組件擺放位置設定適合闊度圖片)


.col-150 .bookmark .rc_1
{background:url(
http://img20.imageshack.us/img20/8451/150top.gif) no-repeat 0px 35px !important;}
.col-150 .bookmark .rc_2{height:362px;}
.col-150 .bookmark .rc_2{background:url(
http://img34.imageshack.us/img34/5219/150bottom.gif) no-repeat 0px 306px !important;}
.col-150 .bookmark .rc_5{background:url(
http://img32.imageshack.us/img32/6561/150lrj.gif) repeat-y;}
.col-150 .bookmark .rc_4,
.col-150 .bookmark .new_rc_bd,
.col-150 .bookmark .ctnr h3,
.col-150 .bookmark .new_rc_bc,
.col-150 .bookmark ul
{background:url(
http://i11.photobucket.com/albums/a172/to811/modico5hw2.gif) repeat !important;}

招呼語  ( 欄內的字盡量少寫, 否則突晒出嚟唔靚 )

#blast .rc_ft div
{background:transparent;height:0px!important;}
#blast .rc_ft
{background:transparent url(
http://img38.imageshack.us/img38/3444/342bottom.gif) no-repeat 8px;height:42px;}
#blast .rc
{background:url(
http://img198.imageshack.us/img198/1450/342top.gif) no-repeat 0px 20px;height:58px;}
#blast .rc_bc .bd
{background:transparent;}
#blast .rc div,
#blast .rc_ft div div.rc_bc,
#blast .rc_bd div.rc_bc
{background:none;}
#blast .rc_bd
{background:url(
http://img36.imageshack.us/img36/2115/342lr.gif) repeat-y;}

922 組件

(因應組件編號設定適合語法)

#user_mod_10010 .rc_bd .rc_bc .hd .titlebar,
#user_mod_10010 .rc_bd .rc_bc .bd,
#user_mod_10010 .rc div,
#user_mod_10010 .rc_ft div,
#user_mod_10010 .rc_bd div.rc_bc
{background:none;}
#user_mod_10010 .rc
{background:url(
http://img198.imageshack.us/img198/5306/922top.gif) no-repeat;height:38px;}
#user_mod_10010 .rc_bd
{background:url(
http://img36.imageshack.us/img36/8183/922lr.gif) repeat-y;}
#user_mod_10010 .rc_ft
{background:url(
http://img38.imageshack.us/img38/9774/922bottom.gif) no-repeat;height:42px;}

760 組件

(因應組件編號設定適合語法)

#user_mod_10007 .rc_bd .rc_bc .hd .titlebar,
#user_mod_10007 .rc_bd .rc_bc .bd,
#user_mod_10007 .rc div,
#user_mod_10007 .rc_ft div,
#user_mod_10007 .rc_bd div.rc_bc
{background:none;}
#user_mod_10007 .rc
{background:url(
http://img20.imageshack.us/img20/7638/760top.gif) no-repeat;height:38px;}
#user_mod_10007 .rc_bd
{background:url(
http://img32.imageshack.us/img32/9545/760lr.gif) repeat-y;}
#user_mod_10007 .rc_ft
{background:url(
http://img34.imageshack.us/img34/7430/760bottom.gif) no-repeat;height:42px;}

我的心情

(因應組件擺放位置設定適合闊度圖片)

#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 .rc
{background:url(
http://img190.imageshack.us/img190/1919/600top.gif) no-repeat;height:38px;}
#mod_lifeline .rc_bd
{background:url(
http://img194.imageshack.us/img194/1497/600lr.gif) repeat-y;}
#mod_lifeline .rc_ft
{background:url(
http://img40.imageshack.us/img40/1503/600bottomr.gif) no-repeat;height:42px;}

 

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 .rc
{background:url(
http://img190.imageshack.us/img190/1919/600top.gif) no-repeat;height:38px;}
#photo_highlight .rc_bd
{background:url(
http://img194.imageshack.us/img194/1497/600lr.gif) repeat-y;}
#photo_highlight .rc_ft
{background:url(
http://img40.imageshack.us/img40/1503/600bottomr.gif) no-repeat;height:42px;}

  

更多圖片 css 語法是:

#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 .rc
{background:url(
http://img190.imageshack.us/img190/1919/600top.gif) no-repeat;height:38px;}
#gallery_list .rc_bd
{background:url(
http://img194.imageshack.us/img194/1497/600lr.gif) repeat-y;}
#gallery_list .rc_ft
{background:url(
http://img40.imageshack.us/img40/1503/600bottomr.gif) no-repeat;height:42px;}

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:none;}
.col-600 .rc
{background:url(
http://img190.imageshack.us/img190/1919/600top.gif) no-repeat;height:38px;}
.col-600 .rc_bd
{background:url(
http://img194.imageshack.us/img194/1497/600lr.gif) repeat-y;}
.col-600 .rc_ft
{background:url(
http://img40.imageshack.us/img40/1503/600bottomr.gif) no-repeat;height:42px;}

150 左右窄欄位

.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
{background:url(
http://img20.imageshack.us/img20/8451/150top.gif) no-repeat;height:38px;}
.col-150 .rc div,
.col-150 .rc_ft div,
.col-150 .rc_bd div.rc_bc
{background:none;}
.col-150 .rc_bd
{background:url(
http://img32.imageshack.us/img32/6561/150lrj.gif) repeat-y;}
.col-150 .rc_ft
{background:url(
http://img34.imageshack.us/img34/5219/150bottom.gif) no-repeat;height:42px;}

1.按「編輯版面」

2.然後按「完全自字模式」

3.然後,複制以上的css

在此多謝按下前往 RoseBlog的無私分享

 

創作者介紹

Photo editing

vansonfan321 發表在 痞客邦 PIXNET 留言(0) 人氣()