☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-01-24 23:23:51 落葉之楓

【部落格素材教學法】☆ 迷你製 ☞ 黑夜飄雪星空版型 ★

留言 0 收藏 0 推薦 0

邊框~~ 回應引用圖~~

背景素材~~謝謝ee 提供素材~~

/*customization CSS迷你自製★黑夜飄雪星空版型*/
/*Links*/ a,a:link,a:visited{color:#F96294;} a:hover{color:#F96294;}

****************************************
/*顏色設定*/

/*Background color for blog title背景顏色*/
#yblogtitle .mbd, #yblogtitle .mft {background-color: #FFFFFF}

/*Text color for blog title標題顏色*/
#yblogtitle .text {color: #F9BDD9;}

/*Text color for module*/
.text {color: #FFFFFF}

/*Text color for main content內文顏色*/
.yc3pribd .text {color: #FFFFFF;}
#yblast{display: none}

/*Blog title部落格名-顏色設定*/
#yblogtitle .mbd,#yblogtitle .mft{background-color:#FFFFFF;color:#0071DA;font-size:100%}
#yblogtitle h1{font-weight:bold; color:#FF97BA;}

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

/*Background color for main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background: #FFFFFF}

/*Background color for blog title調整置頂欄框字的大小*/
#yblogtitle .mbd、#blogtitle .mft { font-size:100%; background-color:#000000}

****************************************
/*透明度設定*/

/*Opacity for blogtitle標題設定*/
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:85)}

/*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:85)}

/*Opacity for main content*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:85)}

/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:85); background: url(http://netzhk.com/material/background/443.gif) no-repeat}

****************************************
/*圖片背景設定*/

/*Background image for blog title標題背景*/
#yblogtitle .mbd {background-image: url(http://netzhk.com/material/background/486.gif); background-repeat}

/*性別圖*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:89px;height:119px;background:url(http://i211.photobucket.com/albums/bb82/lovable1978/1_070218_ggozi_d_o-cola71a.gif?) center no-repeat;}

/* 自訂部落格標題 welcome*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:110%;color:#FFFFFF;font-family:新細明體; color:#F76995;text-align:center;}
#yblogtitle .thd a{width:168px;height:0px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle h1 {
    display:block;
    float:left;
    background:url() 0 0 no-repeat;
    width:318px;
    height:150px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;}

/*部落格自訂格名圖片(部落格名以圖片取代)*/
#yblogtitle .edit {display:none;}
#yblogtitle .mbd{text-align:center}

#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
#yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA01/cola03.gif) center no-repeat;display:block;float:center;
width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

/*Opacity for blast招呼語圖框*/
#yblast .bg {zoom:1; width:530px;height:40px; filter:alpha(opacity:30); background: url(http://img207.imageshack.us/img207/8597/400ie9.gif) no-repeat}
#yblast .text{font-weight:bold;color:#FFD7E9;font-size:110%;padding-left:10px;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

****************************************
#yhtw_masthead{display:none}
/*Background image for whole page*/
body {background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/1210/66.gif);repeat;background-attachment:fixed}

#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}

#yblogtitle .mbd .thd{background-position:0% 100%;width:663px;height:330px}

/*使用Firefox 瀏覽器時的透明語法_標題*/
#yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

/*隱藏主標題框線*/
#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}

****************************************
/*左右側圖片顏色設定*/

/*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:#F7D0E8;color:#F962AE; text-align:center;background-image:url(http://netzhk.com/material/background/304.gif);}
#ymodcal .mbd td strong {color:#DEC9FB;}

/*Main content header內文標題*/
.yc3pribd .mhd{ background:url(http://netzhk.com/material/background/304.gif) repeat;text-align:center; color:#F94380;font-weight:bold;}

/*Nav module body左右側內容背景*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background: #FFFFFF;background-image: url(http://netzhk.com/material/background/304.gif); color:#686EB8}

/*Main content body內文內容背景*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://netzhk.com/material/background/304.gif)
;color:#FC7AB8;} #ymodcal .mbd td strong {color:#F964B2;}

/*左右欄位標題字體大小+立體邊框+背景底圖*/
.yc3sec .mhd, .yc3subbd .mhd{font-family:標楷體;font-size:120%;font-weight:bold;background: url(http://netzhk.com/material/background/304.gif )}

/*Nav module list回應前小圖*/
.ycntmod .mbd ul.list li {background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_63762.gif)
left .6em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.8em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_57981.gif)
50px center no-repeat;}

/*Article content module內文標題前小圖*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:130%;font-weight:blod;background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_65643.gif) no-repeat;padding-left:25px;}

****************************************
/*捲軸顏色設定*/

/*捲軸*/
html {
SCROLLBAR-FACE-COLOR: #BCBCBC;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #03747B;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #BCBCBC;
SCROLLBAR-BASE-COLOR: #BCBCBC;}

****************************************
/*邊框設定*/

/*shared rounded corner for all modules甜心屋自製黑色系蝴蝶結水鑽珠鍊邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://img235.imageshack.us/img235/6255/92166856vr1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://img518.imageshack.us/img518/5624/66123059tm1.gif) right top no-repeat;height:98px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://img89.imageshack.us/img89/6835/37195869qk1.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://img518.imageshack.us/img518/83/52315570nh5.gif) right bottom no-repeat;height:152px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://img518.imageshack.us/img518/3888/42480881nb3.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://img518.imageshack.us/img518/2503/53861352dd2.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://hk.geocities.com/hiphopgin/200704031130.ani);}
a:hover{cursor:URL(http://hk.geocities.com/hiphopgin/200704031130.ani);}

****************************************
/*部落格頂部Yahoo!奇摩工具列背景底圖設定Master header*/
#yhtw_masthead{background: url( http://i240.photobucket.com/albums/ff40/tina88888888/1700/th_0442.gif );
color:#ff0000;filter:alpha(opacity=50); opacity:0.30; moz-opacity:0.5;font-family:標楷體;padding-left:20px;font-size:300%}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#E80049;}

****************************************
/*訂閱引用回應圖設定*/

/*引用、回應make coomment bar*/
div.btntrackback a {display:block;width:130px;height:60px;background:url( http://connie-ee.t35.com/601/05/28-3.gif ) no-repeat;}
div.btncomment a {display:block;width:130px;height:60px;background:url( http://connie-ee.t35.com/601/05/28-4.gif) no-repeat;}

/*comment list management管理回應底圖*/
#ycmntlist .mbd{padding:5px 5px;}
.listbd {background:url(http://netzhk.com/material/background/443.gif);}
#ycmntlist .listhd ul {font-size:11px;}
#ycmntlist .listhd li strong,.listhd li a {background:url(http://netzhk.com/material/background/443.gif);}
#ycmntlist .listhd li a {background:url(http://netzhk.com/material/background/443.gif);}
#ycmntlist .actionbar {padding:2px 5px;}
table#datatable th {background:url(http://netzhk.com/material/background/443.gif);}
#ycmntlist h4{font-size:11px;}

/*訂閱部落格滑鼠指標靠近改變訂閱圖 (圖一)*/
div#btnsbsrb_nologin a,div#btnsbsrb a {display:block;width:130px;height:60px;overflow:hidden;background:url(http://connie-ee.t35.com/601/05/28-1.gif ) no-repeat;margin:0;}

/*訂閱部落格滑鼠指標靠近改變訂閱圖 (圖二)*/
div#btnsbsrb_nologin a:hover,div#btnsbsrb a:hover,div#btnsbsrb_nologin a:active,div#btnsbsrb a:active {background:url(http://connie-ee.t35.com/601/05/28-2.gif ) center no-repeat;}

****************************************
/*其他設定*/

/*文章文圖置中*/
BODY {
Font-Family: verdana;
TEXT-ALIGN: center;}
BODY {
Font-Family: verdana;
Font-Size:12px;}

/*Links文章去除連結底線*/a,a:link,a:visited{color:#F96294;text-decoration: none}
a:hover{color:#F96294;background-color: #F96294;text-decoration: none;}

****************************************