2009-02-18 16:14:28 落葉之楓

【部落格素材教學法】※ tina製《眨眼女娃》邊框+標題背景+游標 ※

 

 
 
 

                
                                             標題背景範例

                                              
                                                         邊框範例
 

    

body{cursor:url(http://boy80725.googlepages.com/51.ani)}
a:hover{cursor:url(
http://boy80725.googlepages.com/51.ani)}

標題背景

#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:550000;padding-top:450px;text-align:center;font-size:14px;}

#yblogtitle h1, #yblogtitle a {color:#550000;font-size:18px;font-weight:bolder;font-family:標楷體;}

#yblogtitle .tft {margin:0px 0px 0px 0px;}body {background:url(

http://i242.photobucket.com/albums/ff69/cut268268/980x800-2.gif

) center top transparent no-repeat;}html

{background:url(http://i242.photobucket.com/albums/ff69/cut268268/980x211.jpg) center top #550000 repeat;}

邊框

#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://i242.photobucket.com/albums/ff69/cut268268/150x 5-1-2 .gif) left top repeat;margin-right:0px;}.ycntmod .rctop div {background:transparent right top no-repeat;height:4px;font-size:0;position:relative;right:-0px;}

.ycntmod .rcbtm{zoom:1;background:url(http://i242.photobucket.com/albums/ff69/cut268268/150x 5-1-2 .gif) left bottom repeat;margin-right:0px;}.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:4px;font-size:0;position:relative;right:-0px;}

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

.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:#550000;}

.yc3sec .mhd, .yc3subbd .mhd{background:url(http://i242.photobucket.com/albums/ff69/cut268268/150x150-3.gif

) 15% 0% repeat-x;color:# 550000 ;padding-top:150px;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}

 

圖片謝謝原創分享