流星花園具俊表金絲草甜蜜無名樣式(8/10新增敏鎬西裝酷帥版) @ 曉風中的晴天日記

因為剛好有人需要,所以做了出來~~我自己因為要放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;}

/* 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;
}

.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;}<

sunny(晴兒)

曉風中的晴天日記

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

E-mail轉寄

曉風中的晴天日記

流星花園具俊表金絲草甜蜜無名樣式(8/10新增敏鎬西裝酷帥版)

歷史上的今天

留言列表

我的連結

晴地域

熱門文章

文章分類

美食隨筆 (6)

攝影 (2)

晴手作 (7)

旅遊隨筆(遊記分享) (8)

晴設計 (1)

黃致列 (5)

李昇基 (11)

速水もこみち (21)

李敏鎬 (6)

車勝元 (1)

黃曉明 (9)

金賢重 (7)

其他藝人 (1)

韓劇 (3)

最新文章

最新留言

文章搜尋

誰來我家

參觀人氣

QR Code

我的好友

站方公告

POWERED BY

曉風中的晴天日記

流星花園 具俊表 金絲草甜蜜無名樣式(8/10新增敏鎬西裝酷帥版)

歷史上的今天

留言列表

我的連結

晴地域

熱門文章

文章分類

美食隨筆 (6)

攝影 (2)

晴手作 (7)

旅遊隨筆(遊記分享) (8)

晴設計 (1)

黃致列 (5)

李昇基 (11)

速水もこみち (21)

李敏鎬 (6)

車勝元 (1)

黃曉明 (9)

金賢重 (7)

其他藝人 (1)

韓劇 (3)

最新文章

最新留言

文章搜尋

誰來我家

參觀人氣

QR Code

我的好友

站方公告

POWERED BY

流星花園具俊表金絲草甜蜜無名樣式(8/10新增敏鎬西裝酷帥版)