close

[蝶戀] 粉紅風格影像版型~天使~





在做這個背景圖時  本來是想做藍色或紫色系的  後來還是做成粉紅色的

可能之前做太多藍色的吧 這個是完全無邊框的  感覺比較寬敞喔




示範圖












 

/*天使制版型CSS*/
/*Links*/a,a:link,a:visited{color:#FF37FD;text-decoration: none}
a:hover{color:#FFCC33;background-color: #FFFFFF;text-decoration: none;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}

/*scrollbar*/
html{
scrollbar-face-color: #FF73FD;
scrollbar-highlight-color: #FFCDFE;
scrollbar-shadow-color: #FFCDFE;
scrollbar-3Dlight-color: #FFCDFE;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color: #FF73FD;
scrollbar-darkshadow-color:#ffffff}

/*性別圖*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{display:none;}

/*Background image for whole page*/
BODY { background:white url(http://i181.photobucket.com/albums/x40/candice_photo_bucket/blog%20creation/back1-6.png);background-repeat:no-repeat ;
background-position :50% 50%;
background-attachment: fixed;}

/*部落格文字置中*/
BODY {
Font-Family: 華康少女文字W3;
TEXT-ALIGN: center;
}

/*Master header*/
#yhtw_masthead{background:#ffffff;background-image: url();color:#FFCDFE;filter:alpha(opacity=80); opacity:0.30; moz-opacity:0.5;font-family:華康少女文字W3;padding-left:20px;font-size:130%}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#FFCDFE;}

/*Blog title*/
#yblogtitle .mbd{text-align:left}
#yblogtitle .mbd .thd{background-image:url();background-repeat:no-repeat;background-position:0% 100%;width:250px;height:150px;font-size:100%;text-align:left}
#yblogtitle .thd h1 {font-size:100%;display:none;}
#yblogtitle .tbd p{display:none;}

/*Main content header*/
.yc3pribd .mhd{ background:url() repeat; color:#ffffff;}

/*Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url() no-repeat;padding-left:60px;}

/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft,  #yusrintro p{background:#ffffff;
color:#FFFFFF} #ymodcal .mbd td strong {color:#ffffff;}

/*Text color for main content*/
.yc3pribd .text {color:#FF37FD; font-family:標楷體:font-weight:bold;font-size:100%;}

/*Nav module header*/
.yc3sec .mhd, .yc3sub .mhd, .yc3sec .mhd a, .yc3sub .mhd a,.yc3sec .mhd a:link, .yc3sub .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:#ffffff;}

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

/*Blog category list module*/
.yc3sec .mhd,.yc3sub .mhd{filter:alpha(opacity=80)}
.yc3sec .mhd h3,.yc3sub .mhd h3{background:url(
);background-repeat:no-repeat;color:#FF37FD;font-weight:bold;font-size:15px;padding-left:20px;padding-top:7px}
.yc3sec .mbd,.yc3sub .mbd{color:#FF37FD;font-size:10px;zoom:1;filter:alpha(opacity:80)}
.ycntmod .mbd ul.list li{background-image:url();background-repeat:no-repeat;padding-left:30px;padding-top:10px;_line-height:2em}
.ycntmod .mbd ul.list li.more{background-image:url();background-repeat:no-repeat}
.yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{color:#FF37FD}

/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(http://i181.photobucket.com/albums/x40/candice_photo_bucket/blog%20creation/aikonn-61.gif) left .8em no-repeat;padding-left:20px;margin-bottom:5px;_margin-bottom:5px;_line-height:3em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url() 15px center no-repeat;}

/*Subs list*/
div#btnsbsrb a{display:block;width:100px;height:75px;overflow:hidden;background:url(http://i181.photobucket.com/albums/x40/candice_photo_bucket/blog%20creation/back1-1.png) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:100px;height:75px;overflow:hidden;background:url(http://i181.photobucket.com/albums/x40/candice_photo_bucket/blog%20creation/back1-1.png) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

/*Module latest upup*/
#ymodupdate .mbd .date{background:url() left center no-repeat;padding-left:15px;font-size:80%;font-family:verdana;}



/*Opacity for blogtitle*/
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}
/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:30); background: url() no-repeat }
/*Background Opacity for module*/
/*Opacity for sub column*/
.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 {zoom:1; filter:alpha(opacity:0)}
/*Opacity for main content*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:0)}



/*Three column*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 婷婷 的頭像
    婷婷

    婷婷的部落格

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