24h購物| | PChome| 登入
2009-07-03 15:10:03 | 人氣60| 回應0 | 上一篇 | 下一篇

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

推薦 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;}

 以上由         創作分享

台長: 落葉之楓

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