寶貝培培的部落格

ξ巧思雜貨舖ξ自製邊框套組-49

這組豹紋凱蒂貓的吊飾素材 在巧思以前的部落格就有拿來做過邊框

這次將他製作成不同的風格 更顯華麗

希望妳們會喜歡

 

 邊框示意圖

/*ξ巧思雜貨舖ξ自製邊框套組-49邊框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://img156.imageshack.us/img156/4273/k11.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://img576.imageshack.us/img576/7544/k12.gif) right top no-repeat;height:98px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://img227.imageshack.us/img227/2081/k13.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://img293.imageshack.us/img293/9775/k14.gif) right bottom no-repeat;height:152px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://img21.imageshack.us/img21/808/k15.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://img8.imageshack.us/img8/2853/k16d.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

招呼語圖片示意圖

/*Blog blast moduleξ巧思雜貨舖ξ自製邊框套組-49招呼語字體顏色圖框置中*/
#yblast .text{color:#222200;}
#yblast{text-align:center;}
#yblast .bg{background:url(圖片網址) no-repeat;background-position:56% 0%;width:513px;height:60px;}
#yblast .text{font-size:11px;font-:;}

文章前小圖示意圖

/*ξ巧思雜貨舖ξ自製邊框套組-49文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(圖片網址) no-repeat;padding-left:34px;padding-top:29px;}

左右欄位小圖示意圖

/*ξ巧思雜貨舖ξ自製邊框套組-49左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(圖片網址);background-repeat:no-repeat; padding-left:20px;padding-top:20px;_line-height:1.9em}

部落格上方三鍵示意圖

/*edit M blog titleξ巧思雜貨舖ξ自製邊框套組-49部落格上方三鍵語法*/
 div.btncompose a{display:block;width:89px;height:37px;overflow:hidden;background:url(圖片網址) no-repeat;}
div.btnphoto a{display:block;width:89px;height:37px;overflow:hidden;background:url(圖片網址) no-repeat;}
div.btnsetup a{display:block;width:89px;height:37px;overflow:hidden;background:url( 圖片網址) no-repeat;}
#yblogtitle .tft {margin:230px 16px 0px 0px;}

部落格 上傳與編輯 示意圖

/*edit module profileξ巧思雜貨舖ξ自製邊框套組-49上傳照片編輯個人語法*/
div.btnulprfphoto a {display:block;width:89px;height:37px;background:url(圖片網址) center top no-repeat;}
div.btneditprf a {display:block;width:89px;height:37px;background:url(圖片網址) center top no-repeat;}

部落格回應引用示意圖

/*make coomment bar ξ巧思雜貨舖ξ自製邊框套組-49回應引用語法*/
div.btncomment a {display:block;height:40px;width:53px;background:url(圖片網址) no-repeat;}
div.btntrackback a {display:block;height:40px;width:53px;background:url( 圖片網址) no-repeat;}

部落格訂閱 示意圖

/*btnsbsrbξ巧思雜貨舖ξ自製邊框套組-49訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:167px;height:81px;overflow:hidden;background:url(圖片網址) no-repeat;margin:1px 118px 0px 0px;}
div#btnsbsrb_nologin a{display:block;width:167px;height:81px;overflow:hidden;background:url(圖片網址) no-repeat;margin:1px 118px 0px 0px;}

除了邊框語法外 有需要的朋友們可點圖片

按滑鼠右鍵點選內容取得圖片網址在貼在(圖片網址)上即可

歡迎取用 建議喜歡的格友們 可另存圖片 以免網路上免費上傳空間失連