24h購物| | PChome| 登入
2008-08-05 16:56:34 | 人氣19| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】琳達自製向日葵花邊框+八按鍵鈕套組

推薦 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://i296.photobucket.com/albums/mm190/linda750637/ddunglinda301.gif?t=1217829393) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddunglinda302.gif?t=1217824371) right top no-repeat;height:55px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddunglinda303.gif?t=1217824429) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddunglinda304.gif?t=1217824456) right bottom no-repeat;height:55px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddunglinda305.gif?t=1217829424) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddunglinda306.gif?t=1217829442) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

三按鍵 ↓
       

五按鍵 ↓
   
 

*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:110px;height:110px;overflow:hidden;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww13-2.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:110px;height:110px;overflow:hidden;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww13-2.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:110px;width:110px;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww12-2.gif ) no-repeat;}
div.btntrackback a {display:block;height:110px;width:110px;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww11-2.gif ) no-repeat;}

/*三按鈕更換圖★㊣linda達令㊣★*/
div.btncompose a{display:block;width:120px;height:40px;overflow:hidden;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww101-1.gif) no-repeat;}
div.btnphoto a{display:block;width:120px;height:40px;overflow:hidden;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww102-1.gif ) no-repeat}
div.btnsetup a{display:block;width:120px;height:40px;overflow:hidden;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww103-1.gif) no-repeat}

/*上傳個人相片編輯個人檔案更換圖★㊣linda達令㊣★*/
div.btnulprfphoto a {display:block;height:40px;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww104-1.gif ) center top no-repeat;}
div.btneditprf a {display:block;height:40px;background:url(http://i296.photobucket.com/albums/mm190/linda750637/ddww105-1.gif) center top no-repeat;}


以上由       整理分享

 

台長: 落葉之楓

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文