【部落格素材教學法】琳達自製閃鑽石花邊框+招呼語框＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-09-22 17:55:28 | 人氣17| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】琳達自製閃鑽石花邊框+招呼語框

推薦 0 收藏 0 轉貼0 訂閱站台

琳達自製閃鑽石花邊框+招呼語框
此邊框可搭配粉色或是菊色系底版
運用漂亮分線製成的，希望你會喜歡琳達的作品
現在分享給大家，套上自己喜歡的版型，自己也來動手做做看喔~
若要外連帶走請貼上原出處： linda 達令

招呼語框語法

/*Blog blast module招呼語字體顏色圖框置中*/
#yblast .text{color:#fc9048;}
#yblast{text-align:center}
#yblast .bg{background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS022-6.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/LINDCCS022-31.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS022-32.gif) right top no-repeat;height:50px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS022-33.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS022-34.gif) right bottom no-repeat;height:35px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS022-35.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS022-36.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}