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

2008-09-15 20:02:01 落葉之楓

【部落格素材教學法】琳達自製鑽石綠系花邊框+三按鍵鈕+招呼語框套件組

留言 0 收藏 0 推薦 0

琳達自製鑽石綠系花邊框+三按鍵鈕+招呼語框套件組

自製招呼語框

招呼語框語法

/*Blog blast module招呼語字體顏色圖框置中*/
#yblast .text{color:#008800;}
#yblast{text-align:center}
#yblast .bg{background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp309.gif) no-repeat; background-position:50% 50%;width:550px;height:75px}
#yblast .text{font-size:14px;font-weight:bolder}

邊框樣式

邊框語法

/*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/lindajp301.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp302.gif) right top no-repeat;height:80px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp301.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp302.gif) right bottom no-repeat;height:80px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp303.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp304.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,div#btnsbsrb_nologin a{display:block;width:80px;height:78px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/lindajp307.gif) no-repeat;margin:0;}

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

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