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

2009-07-03 15:10:03 落葉之楓

【部落格素材教學法】琳達自製皇家天使邊框+五按鍵鈕

留言 0 收藏 0 推薦 0

琳達自製皇家天使邊框+五按鍵鈕

喜歡的格友就請你正確的引用
要如何正確引用請參考琳達教你如何引用BLOG文章
★請別移棄我的LOGO喲~要知道創作者的辛苦喔.....
琳達專屬分線

★標題圖若要顯示邊框，請將 → /*隱藏橫框主標題名稱框線圖*/以下的語法部份刪除即可★

/*隱藏橫框主標題名稱框線圖*/
#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}

/*Shared rounded corner for all modules by Linda*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://img301.imageshack.us/img301/1372/lindajp0061.gif) left top no-repeat;margin-right:33px;}
.ycntmod .rctop div {background:url(http://img194.imageshack.us/img194/8684/lindajp0062.gif) right top no-repeat;height:52px;font-size:0;position:relative;right:-33px;}
.ycntmod .rcbtm {zoom:1;background:url(http://img269.imageshack.us/img269/1112/lindajp0063.gif) left bottom no-repeat;margin-right:16px;}
.ycntmod .rcbtm div {background:url(http://img376.imageshack.us/img376/8831/lindajp0064.gif) right bottom no-repeat;height:12px;font-size:0;position:relative;right:-16px;}
.ycntmod .rcl {padding-left:14px;background:url(http://img197.imageshack.us/img197/6562/lindajp0065.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:14px;background:url(http://img195.imageshack.us/img195/2311/lindajp0066.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

五按鍵鈕

語法如下：
/*五按鈕更換圖★㊣linda達令㊣★*/
div.btncompose a{display:block;width:76px;height:22px;overflow:hidden;background:url(http://img222.imageshack.us/img222/9340/linda543717.gif) no-repeat;}
div.btnphoto a{display:block;width:76px;height:22px;overflow:hidden;background:url(http://img523.imageshack.us/img523/3107/linda543718.gif) no-repeat}
div.btnsetup a{display:block;width:91px;height:22px;overflow:hidden;background:url(http://img361.imageshack.us/img361/2664/linda543719.gif) no-repeat}
div.btnulprfphoto a {display:block;height:22px;background:url(http://img200.imageshack.us/img200/3755/linda543720.gif) center top no-repeat;}
div.btneditprf a {display:block;height:22px;background:url(http://img395.imageshack.us/img395/9650/linda543721.gif) center top no-repeat;}

以上由創作分享