☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-09-07 22:33:22 落葉之楓

【部落格素材教學法】琳達自製亮眼綠色系花邊框+八按鍵鈕

留言 0 收藏 0 推薦 0

琳達自製亮眼綠色系花邊框+八按鍵鈕
邊框樣式

邊框語法

/*shared rounded corner for all modules邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0001.gif ) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0002.gif ) right top no-repeat;height:50px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0003.gif ) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0004.gif ) right bottom no-repeat;height:55px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0005.gif ) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0006.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:120px;height:78px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0018.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:120px;height:78px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0018.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:78px;width:120px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0016.gif ) no-repeat;}
div.btntrackback a {display:block;height:78px;width:120px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0017.gif) no-repeat;}

/*三按鈕更換圖★㊣linda達令㊣★*/
div.btncompose a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0011.gif ) no-repeat;}
div.btnphoto a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0012.gif ) no-repeat}
div.btnsetup a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0013.gif ) no-repeat}

/*上傳個人相片編輯個人檔案更換圖★㊣linda達令㊣★*/
div.btnulprfphoto a {display:block;height:30px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0014.gif ) center top no-repeat;}
div.btneditprf a {display:block;height:30px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp0015.gif) center top no-repeat;}

希望你會喜歡
以上由