琳達自製亮眼粉紅色系花邊框+八按鍵鈕

2013051101:41

 

分類:琳達自創


琳達自製亮眼粉紅色系花邊框+八按鍵

 


琳達自製亮眼粉紅色系花邊框+八按鍵鈕

邊框語法

/*shared rounded corner for all modules邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp101.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp102.gif) right top no-repeat;height:92px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp103.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp104.gif) right bottom no-repeat;height:45px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp105.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp105.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*隱藏橫框主標題名稱框線圖*/
#yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:url() right top no-repeat;height:20px;right:-0px}
#yblogtitle .rcl{background:url() repeat-y}
#yblogtitle .rcr{background:url() right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:20px;right:-0px}

三按鍵鈕
   
五按鍵鈕
       

按鍵鈕語法

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:125px;height:73px;overflow:hidden;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp115.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:125px;height:73px;overflow:hidden;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp115.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:107px;width:120px;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp112.gif) no-repeat;}
div.btntrackback a {display:block;height:107px;width:120px;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp113.gif) no-repeat;}

/*三按鈕更換圖★㊣linda達令㊣★*/
div.btncompose a{display:block;width:90px;height:25px;overflow:hidden;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp107.gif) no-repeat;}
div.btnphoto a{display:block;width:90px;height:25px;overflow:hidden;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp108.gif) no-repeat}
div.btnsetup a{display:block;width:90px;height:25px;overflow:hidden;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp109.gif) no-repeat}

/*上傳個人相片編輯個人檔案更換圖★㊣linda達令㊣★*/
div.btnulprfphoto a {display:block;height:25px;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp110.gif) center top no-repeat;}
div.btneditprf a {display:block;height:25px;background:url(http://i51.photobucket.com/albums/f374/linda9237/lindajp111.gif) center top no-repeat;}
    

以上由           自製分享
延申閱讀文章
琳達自製亮眼綠色系花邊框+八按鍵鈕
琳達自製紅色蕾絲草莓邊框
琳達自製粉紅玫瑰系邊框+三按鍵鈕套組
琳達自製粉紅愛心邊框+三按鍵鈕套組  
琳達自製向日葵花邊框+八按鍵鈕套組  
琳達自製閃亮藍色蕾絲邊框  
琳達自製黃系簡單邊框  
琳達自製藍系簡單邊框+八按鍵鈕套組  
琳達自製簡單亮眼邊框  
琳達自製版型套裝組1~6(DDUNG娃娃系列)