黑邊紅玫瑰Blog邊框

 

黑邊紅玫瑰Blog邊框分享 (8)

要收睇全 full 版圖, 請 click 入以下條 link

http://s47.radikal.ru/i117/0904/39/0a01f74418ad.jpg

 

招呼語

#blast .rc_ft div
{background:transparent;height:0px!important;}
#blast .rc_ft
{background:transparent url(http://img12.imageshack.us/img12/3444/342bottom.gif) no-repeat 8px;height:32px;}
#blast .rc
{background:url(http://img17.imageshack.us/img17/1450/342top.gif) no-repeat 0px 15px;height:64px;}
#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://img17.imageshack.us/img17/2115/342lr.gif) repeat-y;}

 

Blog 背景圖範例

(因應自己喜好,自己更換背景圖link)

body.blog_my{background:url(http://img517.imageshack.us/img517/2246/gk002pat01bh991603iq3.gif) no-repeat center top fixed;}

我的相關網誌 

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

#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://img12.imageshack.us/img12/6894/150topc.gif) no-repeat;height:64px;}
#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://img17.imageshack.us/img17/8727/150lr.gif) repeat-y;}
#mod-tagged-frd-article .rc_ft
{background:url(http://img17.imageshack.us/img17/5219/150bottom.gif) no-repeat;height:32px;}

 

我的訂閱 

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

#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://img12.imageshack.us/img12/6894/150topc.gif) no-repeat;height:64px;}
#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://img17.imageshack.us/img17/8727/150lr.gif) repeat-y;}
#subscribe_highlight .rc_ft
{background:url(http://img17.imageshack.us/img17/5219/150bottom.gif) no-repeat;height:32px;}

 

我的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://img12.imageshack.us/img12/6894/150topc.gif) no-repeat;height:64px;}
#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://img17.imageshack.us/img17/8727/150lr.gif) repeat-y;}
#friendlist_module .rc_ft
{background:url(http://img17.imageshack.us/img17/5219/150bottom.gif) no-repeat;height:32px;}

 

 

我的書籤 

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

.col-150 .bookmark .rc_1
{background:url(http://img12.imageshack.us/img12/6894/150topc.gif) no-repeat 0px 19px !important;}
.col-150 .bookmark .rc_2{height:362px;}
.col-150 .bookmark .rc_2{background:url(http://img17.imageshack.us/img17/5219/150bottom.gif) no-repeat 0px 306px !important;}
.col-150 .bookmark .rc_5{background:url(http://img17.imageshack.us/img17/8727/150lr.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;}

 

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://img17.imageshack.us/img17/5306/922top.gif) no-repeat;height:64px;}
#user_mod_10010 .rc_bd
{background:url(http://img17.imageshack.us/img17/8183/922lr.gif) repeat-y;}
#user_mod_10010 .rc_ft
{background:url(http://img12.imageshack.us/img12/9774/922bottom.gif) no-repeat;height:32px;}

 

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://img12.imageshack.us/img12/7638/760top.gif) no-repeat;height:64px;}
#user_mod_10007 .rc_bd
{background:url(http://img17.imageshack.us/img17/9545/760lr.gif) repeat-y;}
#user_mod_10007 .rc_ft
{background:url(http://img17.imageshack.us/img17/7430/760bottom.gif) no-repeat;height:32px;}

 

600 中間自定欄位組件

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

#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://img12.imageshack.us/img12/1919/600top.gif) no-repeat;height:64px;}
#user_mod_10007 .rc_bd
{background:url(http://img17.imageshack.us/img17/1497/600lr.gif) repeat-y;}
#user_mod_10007 .rc_ft
{background:url(http://img17.imageshack.us/img17/4562/600bottom.gif) no-repeat;height:32px;}

600 中間自定欄位組件

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

#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://img12.imageshack.us/img12/1919/600top.gif) no-repeat;height:64px;}
#user_mod_10010 .rc_bd
{background:url(http://img17.imageshack.us/img17/1497/600lr.gif) repeat-y;}
#user_mod_10010 .rc_ft
{background:url(http://img17.imageshack.us/img17/4562/600bottom.gif) no-repeat;height:32px;}

我的心情

#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://img12.imageshack.us/img12/1919/600top.gif) no-repeat;height:64px;}
#mod_lifeline .rc_bd
{background:url(http://img17.imageshack.us/img17/1497/600lr.gif) repeat-y;}
#mod_lifeline .rc_ft
{background:url(http://img17.imageshack.us/img17/4562/600bottom.gif) no-repeat;height:32px;}

 

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://img12.imageshack.us/img12/1919/600top.gif) no-repeat;height:64px;}
#photo_highlight .rc_bd
{background:url(http://img17.imageshack.us/img17/1497/600lr.gif) repeat-y;}
#photo_highlight .rc_ft
{background:url(http://img17.imageshack.us/img17/4562/600bottom.gif) no-repeat;height:32px;}

 

 

中間網誌欄位

#article_list_module .rc_bd .rc_bc .hd .titlebar,
#article_list_module .rc_bd .rc_bc .bd,
#article_list_module .rc div,
#article_list_module .rc_ft div,
#article_list_module .rc_bd div.rc_bc
{background:none;}
#article_list_module .rc
{background:url(http://img12.imageshack.us/img12/1919/600top.gif) no-repeat;height:64px;}
#article_list_module .rc_bd
{background:url(http://img17.imageshack.us/img17/1497/600lr.gif) repeat-y;}
#article_list_module .rc_ft
{background:url(http://img17.imageshack.us/img17/4562/600bottom.gif) no-repeat;height:32px;}

 

 

左右窄欄位
.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://img12.imageshack.us/img12/6894/150topc.gif) no-repeat;height:64px;}
.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://img17.imageshack.us/img17/8727/150lr.gif) repeat-y;}
.col-150 .rc_ft
{background:url(http://img17.imageshack.us/img17/5219/150bottom.gif) no-repeat;height:32px;}

 

 

未了解過 Blog 邊框的朋友, 請先前往這一篇了解邊框設置的教學文.

閃鑽迷人粉紅蝴蝶結邊框css語法分享

 

有關 blog 設置美花問題, 請前 Blog Q&A 版.

 

圖片失連原因:  http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=13177

 

使用前請先前往以下文章,詳細了解如何設置文章邊框.

Other Share Blog Frame:

閃鑽迷人粉紅蝴蝶結邊框css語法分享

完整預覽圖   http://s46.radikal.ru/i114/0903/7c/93be7e6c36e3.jpg

 

連結Rose.

 

 

首先把以下 HTML 語法 copy 並貼到 HTML 發文模式內

<DIV style="BACKGROUND: url(http://i524.photobucket.com/albums/cc321/HelloMissYam/blackground/8PR_yW5eLS0DiJsY.gif); WIDTH: 500px; HEIGHT: 600px">
<DIV align=left>
<DIV style="MARGIN-LEFT: 40px; WIDTH: 420px; HEIGHT: 80%"><FONT face=Arial color=#ffffff size=4>
<P><BR><BR><FONT color=#ffffff><BR>文字內容</FONT></P>
<P><BR></P></STRONG><BR>&nbsp;</FONT></DIV></DIV></DIV></DIV>