玩美教主自製版型【4】Hello kitty 賞櫻版型－ajohnwoung的部落格

檢舉

玩美教主自製版型【4】Hello kitty 賞櫻版型

分類：自製版型

2008/06/27 21:59

Facebook Plurk YAHOO!

本版型素材取中日韓免費素材網站

＊分享是件快樂美好的事，請正確引用再打包＊

＊引用請先告知，並連最下方LOGO一併引用 ~謝謝~＊

【部落格版型圖】

左右欄邊框

訂閱圖

回應圖　　　　　　　　　　　　引用圖

留言版、回應板上方加圖檔

格友留言、回應後圖檔

1.先至【面板設定】>【各式樣板】>少女類

2.【面板設定】＞【自訂樣式】；將以下全部語法貼入【自訂樣式】頁面的【CSS語法欄內】

Hello kitty 賞櫻版型語法分享

/*HEAD大標圖*/

body{background:url(http://img295.imageshack.us/img295/6863/23hellokittyzh8.jpg) #FC6C90 no-repeat; height:447px;zoom:1; filter:alpha(opacity:1.0);background-position:center top; pacity:1.0;}

/*BODY重覆背景圖部份*/

html {background-color:transparent;background-image: url(http://img167.imageshack.us/img167/9918/23hellokittyfz0.jpg); background-repeat: repeat;background-position: top center; zoom:1; filter:alpha(opacity:1.0);}

/*Blog title部落自訂標題圖*/
#yblogtitle .mbd,#yblogtitle .mft{background:url() no-repeat;background-position: top center; }

/*招呼語不放背景及文字顏色設定*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url() no-repeat}
#yblast .text{color: #333333;}

/*自訂格名及部落格描述字*/

#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color: #358565;padding-top:447px;text-align:center; font-size:14px;}

#yblogtitle h1, #yblogtitle a {color: #FF3300; font-size:18px;font-weight:bolder;font-family:標楷體;}

#yblogtitle .tbd{height:30px }

/*隱藏主標題框線-此段作用使用firefox透明度不會破功*/
#yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:url() right top no-repeat;height:0px;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:0px;right:-0px}

/*側欄區上標*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:transparent; color:#FF3300;text-align:center;}

/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:transparent; color: #358565;}

/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent; color:#FF3300;}

/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:transparent;color: #358565; }
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color: #358565;}
#ymodcal .mbd td strong {color: #FF3300;}

/*Links連結文字及位置顏色改變*/
a,a:link,a:visited{color: #CC6600;text-decoration:none; }
a:hover{color: #333333;position: relative; top:3px;}

/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#F897D3;
SCROLLBAR-3DLIGHT-COLOR: #F02FA1;
SCROLLBAR-ARROW-COLOR: #F897D3;
SCROLLBAR-TRACK-COLOR: #F897D3 ;
SCROLLBAR-DARKSHADOW-COLOR:#F02FA1;
SCROLLBAR-BASE-COLOR:#F897D3

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://www.kittysroom.com/kitty/hkgif52.gif
) no-repeat;padding-left:46px;height:53px;}

/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://moon.vis.ne.jp/sbm070701/mini_icon/01/b53.gif);background-repeat:no-repeat; padding-left:12px;padding-top:12px;_line-height:1.5em}

/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:url() right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:url() right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:url() repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:url() right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*左右側欄區加框線*/
.yc3sec .rctop, .yc3sub .rctop {background:url(http://img106.imageshack.us/img106/5058/23hellokitty1ma9.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:48px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:6px;background:url(http://img295.imageshack.us/img295/8485/23hellokitty2wn7.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:6px;background:transparent right repeat-y;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://img295.imageshack.us/img295/4320/23hellokitty3qj2.gif ) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:32px;font-size:0;position:relative;right:-0px;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:150px;height:90px;overflow:hidden;background:url(http://img182.imageshack.us/img182/6307/23hellokittylg2.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:150px;height:90px;overflow:hidden;background:url(http://img182.imageshack.us/img182/6307/23hellokittylg2.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:70px;width:100px;background:url(http://img106.imageshack.us/img106/48/23hellokittyrr8.gif) no-repeat;}
div.btntrackback a {display:block;height:70px;width:100px;background:url(http://img106.imageshack.us/img106/2636/23hellokittylt9.gif) no-repeat;}

/*側欄框要顯示*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

/*三欄式面版加寬度*/
.thrcol[class]{min-width:962px;}
.thrcol .ycnt3col {;width:962px;text-align:left;margin:0 auto;}

/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#FF3030;}
#yhtw_mastfoot{margin-top:5px;}

/*回應板上方加圖檔*/
#rtemodule {background:url( http://img106.imageshack.us/img106/971/23hellokittyec8.jpg) no-repeat scroll center top;padding-top:260px;}

/*留言版上方加圖檔*/
#yleavemsg #rte {background:transparent url( http://img106.imageshack.us/img106/971/23hellokittyec8.jpg) no-repeat scroll center top;padding-top: 260px;}

/*格友留言回應後圖示*/
#ypreviewmsg .yvstrcmnt{background:transparent url( http://img167.imageshack.us/img167/9652/23hellokitty1iq6.jpg) no-repeat scroll center top;padding-top:260px;}

/*以下若要顯示請不要放上即可*/

/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}