2009-02-27 16:10:33 落葉之楓

【部落格素材教學法】※ tina製《紅楓飄飄》邊框+背景標題+游標 ※

※ tina製《紅楓飄飄》邊框+背景標題+游標 ※

 
 
 

                    
                                                   標題範例

                                                   
                                                              邊框範例
 

游標

body{cursor:url(http://t82056.googlepages.com/tina81.ani)}

a:hover{cursor:url(http://t82056.googlepages.com/tina81.ani)}

標題背景

body {background:url(http://i413.photobucket.com/albums/pp213/ft81110/1280x600-1.gif

) center top transparent no-repeat;} html{background:url(http://i413.photobucket.com/albums/pp213/ft81110/1280x117-2.jpg) center top  #CC0033 repeat;}

/*自訂格名及部落格描述字*/

#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#CC0033;padding-top:400px;text-align:center;}#yblogtitle h1, #yblogtitle a {color:#CC0033;font-size:18px;font-weight:bolder;font-family:標楷體;}#yblogtitle .tbd{height:30px;}

邊框

#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px;}#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}#yblogtitle .rcl{background:transparent repeat-y;border:none;}#yblogtitle .rcr{background:transparent right repeat-y;}#yblogtitle .rcbtm {background:transparent left bottom no-repeat;margin-right:0px;}#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}

.ycntmod {width:100%;position:relative;margin-bottom:5px;overflow:hidden;}

.ycntmod .rctop{zoom:1;background:url(

http://i413.photobucket.com/albums/pp213/ft81110/150x6-1-on.gif

) left top repeat;margin-right:0px;}.ycntmod .rctop div {background:transparent right top no-repeat;height:6px;font-size:0;position:relative;right:-0px;}

.ycntmod .rcbtm{zoom:1;background:url(http://i413.photobucket.com/albums/pp213/ft81110/150x6-2-of.gif) left bottom repeat;margin-right:0px;}.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:6px;font-size:0;position:relative;right:-0px;}

.ycntmod .rcl {padding-left:0px;background:repeat;border:3px double #CC0033;}

.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}

.ycntmod .text {position:relative;word-break:break-all;}

.yc3pribd .ycntmod{overflow:visible;}

.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

#ymodcal .mbd td strong {color:#CC0033;}

.yc3sec .mhd, .yc3subbd .mhd{background:url(http://i413.photobucket.com/albums/pp213/ft81110/150x184-3.gif) 15% 0% repeat-x;color:# CC0033 ;padding-top:184px;padding-left:0px;text-align:center;filter:alpha(opacity=100);opacity:1.0}

/*隱藏主標題框線-此段作用使用firefox透明度不會破功*/
#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px}
#yblogtitle .rcl{background:transparent repeat-y}
#yblogtitle .rcr{background:transparent right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px}

側欄區內文字顏色

.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:transparent; color:#CC0033;}

 

圖片謝謝原創分享