萱妹~自製水藍版型 @ 婷婷的部落格

自製水藍版型

呼呼

萱妹妹這一次阿，可花了不少時間在這次麼版行上，從８：２０做到９：３０嘎～晚上玩電腦眼睛好不舒服唷＝ˇ＝

邊框是黛比嘟～我有先跟黛比說一聲　捲軸是我滴～其他素材都是在素材網站找的

希望大家有空可以傳到自己空間　以免檔案被我坎除唷！（因該是不太會啦）

不過希望大家喜歡！拿去使用要記得告訴我唷！

版面展覽

水藍版型語法

/*Background image for whole page*/　
body {background-image: url(http://img130.imageshack.us/img130/3010/87528119sd7.gif); background-repeat:repeat;background-attachment: fixed;}　

/*Shared rounded corner for all modules 黛比自制邊框*/

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}

.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/debbietwy/table_01/bsweet_01.gif) left top no-repeat;margin-right:15px;}

.ycntmod .rctop div {background:url(http://hk.geocities.com/debbietwy/table_01/bsweet_02.gif) right top no-repeat;height:40px;font-size:0;position:relative;right:-15px;}

.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/debbietwy/table_01/bsweet_03.gif) left bottom no-repeat;margin-right:15px;}

.ycntmod .rcbtm div {background:url(http://hk.geocities.com/debbietwy/table_01/bsweet_04.gif) right bottom no-repeat;height:15px;font-size:0;position:relative;right:-15px;}

.ycntmod .rcl {padding-left:15px;background:url(http://hk.geocities.com/debbietwy/table_01/bsweet_05.gif) repeat-y;}

.ycntmod .rcr {zoom:1;padding-right:15px;background:url(http://hk.geocities.com/debbietwy/table_01/bsweet_06.gif) right repeat-y;}

.ycntmod .text {position:relative;word-break:break-all;}

.yc3pribd .ycntmod{overflow:visible;}

.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

body{cursor:url(http://ruby-pink.myweb.hinet.net/ppp/ff.ani);}a{cursor:url(http://ruby-pink.myweb.hinet.net/ppp/fhfhf.ani);}

/*性別圖*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:120px;height:230px;background:url(http://img102.imageshack.us/img102/7501/box004ea8.gif) center no-repeat;}

/*Blog title部落格標題欄底圖*/
#yblogtitle .mbd,#yblogtitle .mft{background: url(http://img380.imageshack.us/img380/725/box001bv6.gif) repeat; }
#yblogtitle h1{color:#0066FF;}

/*Background color for whole page*/
body {background-color:#0066FF}

/*Background color for blog title*/
#yblogtitle .mbd, #blogtitle .mft {background-color:#0066FF}

/*Background color for module*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background: #3CA500; filter:alpha(opacity:80)}

/*Main content header文章標題底圖*/
.yc3pribd .mhd{ background:url(http://img380.imageshack.us/img380/725/box001bv6.gif) repeat; color:; #0066FF}

/*Text color for blog title*/
#yblogtitle .text {color:#0066FF;}

/*Text color for main content*/
.yc3pribd .text {color:;}
/*Opacity for blogtitle*/
#yblogtitle .rctop, #0066FFblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:80)}

/*Links連結去底線*/
a,a:link,a:visited{color:#6c00fc;text-decoration: none}
a:hover{color:#6cfcfc;text-decoration: none;}

/*Main content body文章底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(http://img380.imageshack.us/img380/725/box001bv6.gif);
color:#0066FF} #ymodcal .mbd td strong {color:#0066FF;}

/*Article content module文章前小圖*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://img133.imageshack.us/img133/677/box005hn4.gif) no-repeat;padding-left:60px;}

/*Nav module body左右欄位底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image:url(http://img380.imageshack.us/img380/725/box001bv6.gif);}

/*Nav module header左右欄標題底圖*/
.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-image : url(http://img380.imageshack.us/img380/725/box001bv6.gif);}

/*Nav module lis左右欄位迷你小圖*/
.ycntmod .mbd ul.list li {background:url(http://img133.imageshack.us/img133/1783/box006wx9.gif) left .3em no-repeat;padding-left:19px;margin-bottom:2px;_margin-bottom:3px;_line-height:1.5em;}.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://img133.imageshack.us/img133/1783/box006wx9.gif) 19px center no-repeat;}

/*Module latest upup更新日期小圖*/
#ymodupdate .mbd .date{background:url(http://img257.imageshack.us/img257/2701/box007mj6.gif) right left no-repeat;font-size:90%;font-family:Art;}

/*Yahoo!Master header奇摩頂端圖*/
#yhtw_masthead{background-image: url(http://img380.imageshack.us/img380/725/box001bv6.gif);
color:#3CA500;filter:alpha(opacity=100); opacity:0.30; moz-opacity:0.5;}
#yhtw_masthead a,
#yhtw_masthead a:link,
#yhtw_masthead a:visited,
#yhtw_masthead a:hover{color:#0066FF;}

/*Opacity for blast招呼語圖框和文字置中*/
#yblast{zoom:1;position:relative;top:-20px;left:0px;margin:0 0 -55px 0;z-index:2;}#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:555px;height:70px;}#yblast .text{zoom:1;margin:-55px 0 0;}#yblast .text a#yblast a.edit{background:url(http://img120.imageshack.us/img120/6241/box008wp0.gif);width:13px;height:13px;}#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://img120.imageshack.us/img120/6241/box008wp0.gif) no-repeat}#yblast .text{color:#0066FF;font-size:95%;}

/*萱製藍色捲軸*/
HTML{
SCROLLBAR-FACE-COLOR: #48d8fc;
SCROLLBAR-HIGHLIGHT-COLOR: #0000fc;
SCROLLBAR-SHADOW-COLOR: #0000fc;
SCROLLBAR-3DLIGHT-COLOR: #6c00fc;
SCROLLBAR-ARROW-COLOR: #0000b4;
SCROLLBAR-TRACK-COLOR: #2490fc;
SCROLLBAR-DARKSHADOW-COLOR: #6c00fc;
SCROLLBAR-BASE-COLOR: #48b4fc

萱妹妹告訴你

【爬文請回應，轉載請引用】

【尊重原作者，保護著作權】

【別去當小白，人見人喜歡】