close


       



 
























        


97年新年快樂~鑲鑽紅絲帶框圖面版分享































感謝音符框圖素材分享:

 

更多框圖面版分享→ 框圖教學及面版框圖分享總列表^^



圖示↓



框圖語法↓96.12.28 新增


/*Shared rounded corner for all modules 鑲鑽紅絲帶*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://zxc2036.googlepages.com/b01.gif) left top no-repeat;margin-right:15px;}
.ycntmod .rctop div {background:url(http://zxc2036.googlepages.com/b02.gif) right top no-repeat;height:19px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcbtm {zoom:1;background:url(http://zxc2036.googlepages.com/b03.gif) left bottom no-repeat;margin-right:15px;}
.ycntmod .rcbtm div {background:url(http://zxc2036.googlepages.com/b04.gif) right bottom no-repeat;height:19px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcl {padding-left:13px;background:url(http://zxc2036.googlepages.com/b05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:13px;background:url(http://zxc2036.googlepages.com/b06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}





/*Shared rounded corner for all modules 新年快樂-鑲鑽紅絲帶*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://zxc2036.googlepages.com/b01.gif) left top no-repeat;margin-right:15px;}
.ycntmod .rctop div {background:url(http://zxc2036.googlepages.com/b02.gif) right top no-repeat;height:19px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcbtm {zoom:1;background:url(http://zxc2036.googlepages.com/b07.gif) left bottom no-repeat;margin-right:15px;}
.ycntmod .rcbtm div {background:url(http://zxc2036.googlepages.com/b08.gif) right bottom no-repeat;height:118px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcl {padding-left:13px;background:url(http://zxc2036.googlepages.com/b05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:13px;background:url(http://zxc2036.googlepages.com/b06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}




  


 

新年快樂-鑲鑽紅絲帶面版語法


面版預覽↓



 


喜歡這款面版的話,只要把下列的語法,貼到CSS 語法裡面就可以了。


若是CSS裡面已有相同的指令,請記得要先刪除,再貼上新的指令語法。


作法:


1.在部落格右上角點管理部落格進入→選擇左欄的面版設定↓


→點進階樣式→選各式樣板 > 少女類↓按確定



 


2.將下列↓所有語法複製,然後進入自訂樣式


CSS內容已換成剛剛選的樣版語法。


再把複製的語法貼入CSS內容裡面,就完成了。






/*Background image for whole page自設背景圖固定*/



body {background-image: url(http://zxc2007.t35.com/wo/b12.gif); background-repeat: no-repeat;background-attachment: fixed;}


 


/*隱藏主標題橫框線 若不想隱主標題橫框線,這段語法就不要貼入*/
#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{display:block;width:88px;height:54px;overflow:hidden;background:url(http://zxc2036.googlepages.com/b12-1.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:88px;height:54px;overflow:hidden;background:url(http://zxc2036.googlepages.com/b12-1.gif) no-repeat;margin:0;}


 


/*make coomment bar回應引用圖*/
div.btncomment a {display:block;width:88px;height:54px;background:url(http://zxc2036.googlepages.com/b12-2.gif) no-repeat;}
div.btntrackback a {display:block;width:88px;height:54px;background:url(http://zxc2036.googlepages.com/b12-3.gif) no-repeat;}

 


/*捲軸*/
html{
border: #305379 1px double; 
background-color: #A90C08;
scrollbar-face-color: #A90C08;
scrollbar-base-color: #fA90C08; 
scrollbar-track-color: #A90C08; 
scrollbar-arrow-color: #BDB2A9; 
scrollbar-shadow-color: #BDB2A9;
scrollbar-darkshadow-color: #BDB2A9;}






  


 



 

新年快樂-鑲鑽紅絲帶粉色面版語法

面版預覽↓


 

喜歡這款面版的話,只要把下列的語法,貼到CSS 語法裡面就可以了。


若是CSS裡面已有相同的指令,請記得要先刪除,再貼上新的指令語法。


(PS:這面版框線圖沒有換,所以作法是跟上面一樣的)





/*Background image for whole page自設背景圖固定*/
body {background-image: url(http://zxc2007.t35.com/wo/b13.gif); background-repeat: no-repeat;background-attachment: fixed;}


 


/*隱藏主標題橫框線 若不想隱主標題橫框線,這段語法就不要貼入*/
#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{display:block;width:113px;height:144px;overflow:hidden;background:url(http://zxc2036.googlepages.com/b13-1.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:113px;height:144px;overflow:hidden;background:url(http://zxc2036.googlepages.com/b13-1.gif) no-repeat;margin:0;}


 


/*make coomment bar回應引用圖*/
div.btncomment a {display:block;width:150px;height:150px;background:url(http://zxc2036.googlepages.com/b13-2.gif) no-repeat;}
div.btntrackback a {display:block;width:150px;height:150px;background:url(http://zxc2036.googlepages.com/b13-3.gif) no-repeat;}

 


/*捲軸*/
html{
border: #305379 1px double; 
background-color: #FFCEDE;
scrollbar-face-color: #FFCEDE;
scrollbar-base-color: #fFFCEDE; 
scrollbar-track-color: #FFCEDE; 
scrollbar-arrow-color: #FFEFF7; 
scrollbar-3dlight-color: #FFEFF7; 
scrollbar-shadow-color: #FFEFF7;
scrollbar-darkshadow-color: #FFEFF7;}

 




 感謝平安旅者框架分享  ^^




ブログパーツUL5


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 rose 的頭像
    rose

    rose 的部落格

    rose 發表在 痞客邦 留言(0) 人氣()