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: #A 90C 08;

scrollbar-face-color: #A 90C 08;

scrollbar-base-color: #fA 90C 08;

scrollbar-track-color: #A 90C 08;

scrollbar-arrow-color: #BDB 2A 9;

scrollbar-shadow-color: #BDB 2A 9;

scrollbar-darkshadow-color: #BDB 2A 9;}

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

面版預覽↓

喜歡這款面版的話，只要把下列的語法，

貼到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;}

感謝平安旅者框架分享