因為剛好有人需要,所以做了出來~~我自己因為要放MOCO沒法用..如果有人有需要歡迎抱走唷~~~
當然....如果可以留言指教或幫推推,就太完美了~~~ >////<
樣式預覽

下方的啡咖色的Css碼Copy回去貼上就好了
/* General Set
-----------------------------------------*/
html, #text {
SCROLLBAR-FACE-COLOR:#696969;
SCROLLBAR-HIGHLIGHT-COLOR:#000000;
SCROLLBAR-SHADOW-COLOR:#000000;
SCROLLBAR-3DLIGHT-COLOR:#696969;
SCROLLBAR-DARKSHADOW-COLOR:#696969;
SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-TRACK-COLOR:#696969;
}

body {
font-size:11px;
font-family:"Courier New";
margin:0px;
color:#d5d5d5;
background-attachment:fixed;
background:#fff;
}

a {
color:#A9A9A9;text-decoration:none;
}
a:hover {
color:#eeeeee;
text-decoration:none;
}

/* container
-----------------------------------------*/
#container1 {
background:#000000;
width:960px;
position:relative;
margin:0px auto;
background:url('http://l.yimg.com/e/style/14/1464/o1647450535.jpg') repeat-y left top;
}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
background:url('http://i622.photobucket.com/albums/tt304/leesunny989minho/090810-o1647450536.jpg') no-repeat;
height:452px;
}
#pageheader {
color:#7d7563;
padding-top:150px;
padding-left:20px;
text-align:left;
padding-right:10px;
}
#pageheader h1 a {
color:#7d7563;
}
#pageheader .description {
color:#140C0A;
}
#pageheader #description2 .description {
color:#bfb8b8;
display:block;
width:400px;
height:90px;
overflow:auto;
}
h1 .description{
display:block;
font-size:12px;
}*
#main2 {}/* 包含content、links */

/* content
-----------------------------------------*/
#content {
width:692px;
float:right;
margin-top:5px;
overflow:hidden;
margin-right:8px;
}

.date {
color:#000;
text-align:right;
margin:0px;
padding-bottom:0px;
padding-right:5px;
font-size:11px;
}
.datediv {}/* 第二層date */
.blogbody {
padding:5px;
margin-bottom:10px;
background:none;
}

.blogbody2 {}/*第二層blogbody*/
.articletext {}/*包含 .title .extended .innertext .extended */
.articletext .title {
padding-left:150px;font-size:18px;
background:url('http://i622.photobucket.com/albums/tt304/leesunny989minho/090810-1647450539.jpg') no-repeat;
padding-top:10px;padding-bottom:13px;color:#fff;
font-weight:bold;}

.articletext .innertext {padding-left:38px;color:#d5d5d5;line-height:20px;font-size:12px;}
.articletext .extended {TEXT-ALIGN:right;}
.posted {font-size:x-small;
background:no-repeat;
padding:30px 0px 20px 0px;text-align:center;color:#000;}


/* comments
-----------------------------------------*/
.total-comments-div {
border-top:0px dotted #999;
padding-top:10px;
margin-top:10px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
border:0px solid #aaa;padding:7px;
margin-bottom:10px;
}
.total-comments-div .comments-head {
border:0px solid #aaa;padding:7px;
}
.total-comments-div .comments-bottom .comments-head {
border:0px solid #aaa;padding:7px;
margin-top:10px;
}
.total-comments-div .comments-body {
border-bottom:0px dotted #888;
background:#534911;
}
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#aaa;
}
.total-comments-div .comments-body form {
}

.postuser {}
.postemail {}
.postweb {}

#nameid {}
#email {}
#url {}
#text {width:300px;}

/* divThird 第三欄式設定,若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {}/* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
width:230px;
padding-top:20px;
line-height:22px;
padding-left:17px;
overflow:hidden;
}
#links2 {}
.sidetitle {
padding-left:20px;
color:#FFFFFF;padding-top:8px;
background:url('http://l.yimg.com/e/style/14/1464/1647450537.jpg');
height:29px;width:200px;
background-repeat:no-repeat;
}
.side {padding:10px;
color:#A9A9A9;
}
.side a{
color:#red;
}
.side a:visited{
color:#red;
}
.side a:hover{
color:#fed700;
}
.side a:active{
color:#fed700;
}


/* links 選單進階設定
-----------------------------------------*/
.calendar {color:#EAE091;}/* 行事曆 */

#boxProfile {}/* xxxxxx的地盤 */
#boxProfile .boxProfile0 {}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {}
#boxProfile .boxProfile1 .side .boxProfileImg {}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink {}/* 四個連結:xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
#boxProfile .boxProfile1 .side select {}/* 好友名單 */

#boxSlideShow {}/* 播放中的相簿 */
#boxSlideShow .boxSlideShow0 {}
#boxSlideShow .boxSlideShow0 .sidetitle {}
#boxSlideShow .boxSlideShow1 {}
#boxSlideShow .boxSlideShow1 .side {}

#boxNewArticle {}/* 最新的文章 */
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}

#boxCategory {}/* 文章分類 */
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}

#boxDate {}/* 文章彙集 */
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

/* 搜尋這個網誌的文章 */
#boxSearch .boxSearch0 {}
#boxSearch .boxSearch0 .sidetitle {}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {}

/* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment {}/* 最新的回應 */
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {}

#boxFolder {}/* 自訂資料夾 */
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side {}

#boxCounter {color:#6495ED;}/* 參觀人氣統計 */
#boxCounter .boxCounter0 {}
#boxCounter .boxCounter0 .sidetitle {}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {color:#A9A9A9;}

.syndicate {padding:10px;display:inline;}/*RSS*/
.syndicate img{filter:gray;}

/* powered 無論如何請不要隱藏無名小站的logo
-----------------------------------------*/
.powered {padding:10px;color:#A9A9A9;}
.total-comments-div .powered {}/* 若文章僅開放給會員留言時未登入的區塊顯示 */
.powered .powerlogo img {display:none;}
/* footer
-----------------------------------------*/
#footer {
clear:both;
}

select{color:#A9A9A9;
background:#000000;}


textarea{width:100%;background:#474747;color:#eeeeee;font-size:10pt;
}
input{
font-size:10pt;
background:#474747;color:#eeeeee;
}



樣式預覽

下方的藍色的Css碼Copy回去貼上就好了

/*
修改By [ sunny ]
曉風中的晴天日記
http://www.wretch.cc/blog/sunny989
*/
/* General Set
-----------------------------------------*/
html, #text {
SCROLLBAR-FACE-COLOR:#bcf1fe;
SCROLLBAR-HIGHLIGHT-COLOR:#000000;
SCROLLBAR-SHADOW-COLOR:#000000;
SCROLLBAR-3DLIGHT-COLOR:#00CCCC;
SCROLLBAR-DARKSHADOW-COLOR:#00CCCC;
SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-TRACK-COLOR:#bcf1fe;
}

body {
font-size:12px;
font-family:"Courier New";
margin:0px;
color:#6d6d6d;
background-attachment:fixed;
background:#def1f6;
}

a {
color:#003366;
text-decoration:none;
}
a:hover {
color:#003366;
text-decoration:none;
}

/* container
-----------------------------------------*/
#container1 {
background:#FFFFFF;
width:960px;
position:relative;
margin:0px auto;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
background:url('http://l.yimg.com/f/i/tw/wretch/sblog14/bg.gif') center top;
background-color:#FFFFFF;
}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
background:url('http://i536.photobucket.com/albums/ff322/sunny989/ming%20ho/090706-1-1.jpg') no-repeat center top;
height:452px;
}
#pageheader {
color:#FF4500;
padding-top:360px;
padding-left:50px;
text-align:right;
padding-right:30px;
}
#pageheader h1 a {
color:#003399;
font-size:20px;
}
#pageheader .description {
color:#FF4500;
}
#pageheader #description2 .description {
text-align:right;
color:#006699;
}
h1 .description{
display:block;
font-size:12px;
}
/* main
-----------------------------------------*/
#main2 {}/* 包含content、links */

/* content
-----------------------------------------*/
#content {
width:700px;
float:right;
margin-top:5px;
overflow:hidden;
}

.date {
color:#000;
text-align:right;
margin:0px;
padding-bottom:0px;
padding-right:5px;
font-size:11px;
}
.datediv {}/* 第二層date */
.blogbody {
padding:5px;
margin-bottom:10px;
background:none;
}

.blogbody2 {}/*第二層blogbody*/
.articletext {}/*包含 .title .extended .innertext .extended */
.articletext .title {
padding-left:38px;
font-size:18px;
background:url('http://i536.photobucket.com/albums/ff322/sunny989/ming%20ho/090706-titlepic.jpg') no-repeat;
padding-top:20px;
padding-bottom:13px;
color:#006699;
font-weight:bold;
}

.articletext .innertext {
padding-left:38px;
color:#003366;
line-height:20px;
font-size:12px;
}
.articletext .extended {
TEXT-ALIGN:right;
}
.extended a{
color:#000;
}
.posted {
padding:30px 0px 20px 0px;
text-align:center;
color:#000;
}
.posted a{
color:#000;
}


/* comments
-----------------------------------------*/
.total-comments-div {
border-top:0px dotted #999;
padding-top:10px;
margin-top:10px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
border:0px solid #003399;
padding:7px;
margin-bottom:10px;
}
.total-comments-div .comments-head {
border:0px solid #003399;
padding:7px;
}
.total-comments-div .comments-bottom .comments-head {
border:0px solid #003399;
padding:7px;
margin-top:10px;
}
.total-comments-div .comments-body {
border-bottom:0px dotted #003366;
background:#BFDFFF;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#003399;
}
.comments-body form, .comments-body label{
color:#000;
}
.postuser {}
.postemail {}
.postweb {}

#nameid {}
#email {}
#url {}
#text {width:300px;}

/* divThird 第三欄式設定,若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {}/* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
width:230px;
padding-top:20px;
line-height:22px;
background:no-repeat;
overflow:hidden;
}
#links2 {}
.sidetitle {
padding-left:60px;
color:#0099CC;
padding-top:16px;
text-align:left;
background:url('http://l.yimg.com/f/i/tw/wretch/sblog14/label.gif');
height:49px;width:226px;
background-repeat:no-repeat;
}
.sidetitle2 {
padding-left:60px;
color:#0099CC;
padding-top:16px;
text-align:left;
background:url('http://l.yimg.com/f/i/tw/wretch/sblog14/label2.gif');
height:49px;width:226px;
background-repeat:no-repeat;
}
.sidetitle3 {
padding-left:60px;
color:#0099CC;
padding-top:16px;
text-align:left;
background:url('http://l.yimg.com/f/i/tw/wretch/sblog14/label3.gif');
height:49px;width:226px;
background-repeat:no-repeat;
}
.sidetitle4 {
padding-left:60px;
color:#0099CC;
padding-top:16px;
text-align:left;
background:url('http://l.yimg.com/f/i/tw/wretch/sblog14/label4.gif');
height:49px;width:226px;
background-repeat:no-repeat;
}
.sidetitle5 {
padding-left:60px;
color:#0099CC;
padding-top:16px;
text-align:left;
background:url('http://l.yimg.com/f/i/tw/wretch/sblog14/label5.gif');
height:49px;width:226px;
background-repeat:no-repeat;
}
.sidetitle6 {
padding-left:60px;
color:#0099CC;
padding-top:16px;
text-align:left;
background:url('http://l.yimg.com/f/i/tw/wretch/sblog14/label6.gif');
height:49px;width:226px;
background-repeat:no-repeat;
}
.side {
padding:10px;
color:#A9A9A9;
}
.side a{
color:#red;
}
.side a:visited{
color:#red;
}
.side a:hover{
color:#fed700;
}
.side a:active{
color:#fed700;
}


/* links 選單進階設定
-----------------------------------------*/
.calendar {color:#FF4500;}/* 行事曆 */

#boxCounter {color:#6495ED;}/* 參觀人氣統計 */
#boxCounter .boxCounter1 .side {color:#003366;}

.syndicate {
padding:10px;
display:inline;
}/*RSS*/
.syndicate img{
filter:gray;
}
/* footer
-----------------------------------------*/
#footer {
clear:both;
}

select{
color:#A9A9A9;
background:#000000;
}


textarea{
width:100%;
background:#FFFFFF;
color:#003366;
font-size:10pt;
}
input{
font-size:10pt;
background:#FFFFFF;
color:#003366;
}





樣式預覽


下方的粉紅色的Css碼Copy回去貼上就好了

/*--基本設定--*/
body {
margin:0;
font-size:12px;
background:url('http://i622.photobucket.com/albums/tt304/leesunny989minho/090614-.jpg') no-repeat center top #ff679a;
color:#1f1f1f;
}
div, ol, ul, li, p, img, h1, h2, h3, h4, h5, h6, dd, dl, dt {margin:0;padding:0;border:none;list-style:none;color:#3f3f3f;}
a {text-decoration:none;color:#ff679a;}
a:hover {text-decoration:underline;color:#FF0689;}
a:visited {color:#BB0083;}
a:active {color:#FF6600;}

/*--總區域--*/
#bigcontainer {width:950px;margin:0 auto 20px auto;}
#container1 {width:950px;margin:0 auto;}

/*--banner 標題區塊--*/
#banner {padding:400px 0 15px 0;}
#banner h1 {padding:4px 0;}
#banner h1 a {color:#FFCC00;}
#banner h1 a:hover {text-decoration:none;}
#banner span.description {color:#FFFFFF;padding:0 0 0 12px;}

#main2 {clear:both;}

/*--側邊連結選單--*/
#links {
float:left;
width:220px;
margin-right:10px;
padding:10px;
background:url('http://l.yimg.com/e/style/8/883/top_01.jpg') top center no-repeat #FFFFFF;
}
#boxMySpace {margin-bottom:10px;padding-bottom:6px;border-bottom:1px dotted #dfdfdf;}

div.sidetitle {font-weight:bold;color:#000000;font-size:12px;padding-bottom:16px;}
div.boxMySpaceImg {text-align:center;}
div#blogCategory {padding:4px 0 8px 0;}
ul#serviceList {width:220px;height:80px;}
ul#serviceList li {float:left;width:100px;height:16px;padding-right:10px;}
ul#interactionList {width:220px;padding:6px 0;}
ul#interactionList li {clear:both;}

div.boxNewArticle1, div.boxCategory1, div.boxNewComment1, div.boxSlideShow1, div.boxDate1, div.boxSearch1, div.boxRssList1, div.boxNewTrackback1, div.boxCounter1, div.syndicate {padding:3px 6px;}
div.boxNewArticle1 .side, div.boxCategory1 .side, div.boxNewComment1 .side {line-height:1.4em;}
div.boxNewArticle1 .side a:visited, div.boxCategory1 a:visited, div.boxCategory1 .side div a:visited, div.boxNewComment1 .side a:visited{color:#555555;}

div.side {padding-bottom:24px;}
div.side a {color:#888888;}
div.side a:hover {color:#FF6699;}

div.boxFolder1 {padding:3px 6px 20px 6px;}

/*--主內容區塊--*/
#content {
float:right;
width:670px;
padding:15px;
background:url('http://l.yimg.com/e/style/8/883/top_02.jpg') top center no-repeat #FFFFFF;
}
#content a:hover {text-decoration:none;}

div.blog .date {padding:8px 0 4px 0;font-size:11px;color:#666666;border-bottom:1px dotted #FF3300;width:100px;}
div.blogbody {margin-bottom:18px;padding-bottom:6px;border-bottom:1px solid #dfdfdf;}
div.blogbody2 {padding:2px;}
h3.title {
font-size:12px;
font-weight:normal;
color:#FFFFFF;
padding:3px;
height:12px;
background:url('http://l.yimg.com/e/style/8/883/titlebg.jpg') right no-repeat #f280aa;
width:50%;
margin:6px;
}
div.extended {text-align:right;padding:4px 0;}
div.extended a {color:#CC6699;}
div.extended a:hover {text-decoration:none;color:#996699;}
div.posted {color:#999999;}
div.posted a {color:#FF9933;}
div.posted a:hover {color:#FF3333;}



俊表酷帥版


下方的紫色的Css碼Copy回去貼上就好了

/*
Produced by [ waitingchou ]
修改By [ sunny ]
曉風中的晴天日記
http://www.wretch.cc/blog/sunny989
*/

/*--基本設定--*/
body {margin:0;font-size:12px;color:#fff;background:#000000 url(
http://i622.photobucket.com/albums/tt304/leesunny989minho/090614-_2-2.jpg) fixed left bottom no-repeat;font-family:Georgia, "Times New Roman", Times, serif;}
div, ol, ul, li, p, img, dd, dl, dt {margin:0;padding:0;border:none;list-style:none;}
a {text-decoration:none;color:#c76a51;}
a:hover {text-decoration:underline;color:#feea62;}

/*--總區域--*/
#bigcontainer {width:850px;margin:0 auto;}

/*--banner 標題區塊--*/
#banner {
position:relative;margin:5px 0 10px;
}

#pageheader h1 {
line-height:1.0em;margin:0;padding:5px 0 14px 0;font-size:20px;}
#pageheader h1 a {display:block;color:#f3bf3c;}
#pageheader h1 a:hover{color:#feea62;}
#pageheader h1 span{font-size:15px;font-weight:normal;}
#pageheader #description2{color:#666;}

/*--側邊連結選單--*/
#links {width:230px;float:right;margin-top:25px;overflow:hidden;}
#links a{color:#7f604c;}
.sidetitle {padding:6px;color:#97704b;background:#22160E;margin:10px 0;}
.side {color:#a5a5a5;padding:6px;line-height:1.3em;margin-bottom:10px;}

/*--主內容區塊--*/
#content {width:580px;float:left;background:#000;
filter:alpha(opacity=80);opacity:0.8;padding:10px 20px;line-height:1.5;}
.blogbody {border-bottom:1px solid #b4b4b4;margin-bottom:12px;}
.date {font-size:11px;color:#444;margin-bottom:11px;}
.innertext {padding:40px 0 0;width:580px;overflow:hidden;}
.articletext .title {
margin:0;
padding:10px 30px;
display:inline;
font-size:15px;
color:#000;
background:#c76a51;
line-height:1.8;
}
.extended{margin-top:10px;}
.posted {margin-bottom:40px;}
.clearfix{margin-top:20px;}
body #content #push{float:left;}
body .bookmark {clear:both;display:block;text-align:left;padding:0;}<

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 sunny(晴兒) 的頭像
    sunny(晴兒)

    曉風中的晴天日記

    sunny(晴兒) 發表在 痞客邦 留言(91) 人氣()