2009-03-02 15:16:20 落葉之楓

【部落格素材教學法】※ tina製《閃閃美女圖》七色邊框+標題+游標 ※

 

 
 

                     
                                              標題範例

 

                                              
                                                         邊框範例

游標

body{cursor:url(http://anne.e.y1.googlepages.com/161.ani)}
a:hover{cursor:url(
http://anne.e.y1.googlepages.com/161.ani)}

標題背景

#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:550000;padding-top:400px;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://i232.photobucket.com/albums/ee130/don99886/1000x800.gif

) center top transparent no-repeat;}html

{background:url(http://i232.photobucket.com/albums/ee130/don99886/999x184.gif

) 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://i232.photobucket.com/albums/ee130/don99886/150x5-1-2-7.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://i232.photobucket.com/albums/ee130/don99886/150x5-1-2-7.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://i232.photobucket.com/albums/ee130/don99886/150x150-3-1.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}

/*Nav module body側欄區內文字顏色*/

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

欄位連結文字顏色
a, a:link, a:visited{color:#550000;font-size:100%;text-decoration:none;}
a:hover{color:#550000;border:3px dotted #550000;position:relative;top:3px;background:url(http://i550.photobucket.com/albums/ii440/loveyou6254/6113e16hpe4atm-1.gif) no-repeat;background-position:50% 50%;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}

 

圖片謝謝年輕奶奶分享