【部落格素林教學法】琳達自製閃亮粉彩蝴蝶結邊框+招呼語框+三按鍵鈕＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-09-24 15:06:37 | 人氣18| 回應0 | 上一篇 | 下一篇

【部落格素林教學法】琳達自製閃亮粉彩蝴蝶結邊框+招呼語框+三按鍵鈕

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

琳達自製閃亮粉彩蝴蝶結邊框+招呼語框+三按鍵鈕
此邊框可搭配粉色系底版
運用漂亮分線製成的，希望你會喜歡琳達的作品
現在分享給大家，套上自己喜歡的版型，自己也來動手做做看喔~
若要外連帶走請貼上原出處： linda 達令
本站自製作品巳申請註作權(只要正確引用就都沒事)

招呼語框語法

/*Blog blast module招呼語字體顏色圖框置中*/
#yblast .text{color:#000000;}
#yblast{text-align:center}
#yblast .bg{background:url(http://i296.photobucket.com/albums/mm190/linda750637/lindajp6001.gif) no-repeat; background-position:50% 50%;width:550px;height:76px}
#yblast .text{font-size:16px;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://i296.photobucket.com/albums/mm190/linda750637/lindajp6011-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i296.photobucket.com/albums/mm190/linda750637/lindajp6012.gif) right top no-repeat;height:52px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i296.photobucket.com/albums/mm190/linda750637/lindajp6013.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i296.photobucket.com/albums/mm190/linda750637/lindajp6014.gif) right bottom no-repeat;height:52px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i296.photobucket.com/albums/mm190/linda750637/lindajp6015.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://i296.photobucket.com/albums/mm190/linda750637/lindajp6016.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:171px;height:52px;overflow:hidden;background:url(http://i296.photobucket.com/albums/mm190/linda750637/lindajp6018-1.gif) no-repeat;margin:0;}

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

以上由