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

2008-09-19 16:35:33 落葉之楓

【部落格素材教學法】運用漂亮分線製成各式套件組

留言 0 收藏 0 推薦 0

運用漂亮分線製成各式套件組
不知各位是否有印象，之前琳達就曾經使用分線自製的作品
現在分享給大家，自己也來做做看喲~
若要外連帶走請說明原出處： linda 達令


琳達自製菊色花邊框+三按鍵鈕+招呼語框套件組
原本的分線樣式

 琳達運用分線自製成的作品
自製招呼語框

招呼語框語法

/*Blog blast module招呼語字體顏色圖框置中*/
#yblast .text{color:#fc9048;}
#yblast{text-align:center}
#yblast .bg{background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-9.gif) no-repeat; background-position:50% 50%;width:550px;height:82px}
#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://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-51.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-52.gif) right top no-repeat;height:41px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-51.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-52.gif) right bottom no-repeat;height:41px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-53-1.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-53-1.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:145px;height:50px;overflow:hidden;background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-33.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:100px;width:80px;background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-31.gif) no-repeat;}
div.btntrackback a {display:block;height:100px;width:80px;background:url(http://i51.photobucket.com/albums/f374/linda9237/LINDCCS021-32.gif) no-repeat;}

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