曉風中的晴天日記

換了新樣式
照例把之前的樣式分享出來~
喜歡的朋友儘管抱吧!!

樣式示意


把以下藍色的碼COPY回去貼在CSS樣式欄裡就可以了唷~~

* {margin:0;padding:0;}
a {color:#333;text-decoration:none;}
a:hover {color:#623201;text-decoration:none;}

body {
font-size:12px;
font-family:verdana;
color:#000;
line-height:160%;
}

img {border:0px;}
input, select, textarea {
border:0px;
background:#ffffff;
border:#623201 solid 1px;
color:#623201;
font-size:12px;
}

ul {list-style-position:inside;}
.boxCategory1{background-color:#FFFFFF;}
.boxCounter1{background-color:#FFFFFF;}
.boxDate1{background-color:#FFFFFF;}
.boxFolder1{background-color:#FFFFFF;margin-bottom:5px;}

.boxMySpace1{
background-color:#FFFFFF;
margin-bottom:5px;
}

/* links */
.boxMySpaceImg{margin-left:0px;}
.boxNewArticle1{background-color:#FFFFFF;}
.boxNewComment1{background-color:#FFFFFF;}
.boxNewTrackback1{background-color:#FFFFFF;}
.boxSearch1{background-color:#FFFFFF;}

.comments-body {
width:662;
background:#ffffff;
margin-bottom:5px;
padding:9px !important;
border:0 !important;
}

.comments-body form {padding:5px;}

.comments-body p {padding:0 5px;}

.comments-head {
color:#623201;
background:#ffffff url(http://l.yimg.com/e/style/14/1434/comments_bg.gif);
padding:8px 14px 0px 130px;
font-size:15px;
height:32px;
}

.comments-post {
text-align:right;
padding:5px;
font-size:12px;
border-bottom:#dfbca2 solid 1px;
color:#666666;
}

.comments-post a {color:#666666;}

.comments-post a:hover {color:#000;}

.date {
float:left;
z-index:100;
position:relative;
top:40px;
left:550px;
}
*html .date {
top:60px;
}

.datediv {text-align:right;font-size:10px;color:#623201;}

.powered {
text-align:left;
padding-left:14px;
padding-bottom:10px;
margin-bottom:5px;
background-color:#FFFFFF;
}

.powered .powerlogo {
display:block;
width:120px;
height:27px;
background:url(http://l.yimg.com/e/style/14/1434/logo.gif) no-repeat 0 0;
}

.powered .powerlogo img {display:none;}

/*left area - by jaan*/
.side {
padding:10px 14px 10px 14px;
width:192px;
overflow:hidden;
margin-bottom:5px;
}

.sidetitle {
height:50px;
font-size:0px;
width:220px;
color:#fff;
}

.syndicate{
padding-left:14px;
}

.total-comments-div{background-color:#FFFFFF;}

/* comment */
.trackback-url {
font-size:12px;
text-align:right;
padding:14px;
color:#666666;
}

#article_counter{
text-align:right;
width:200px;
float:right;
font-size:11px;
margin:20px 0px 0px 0px;
color:#666666;
}

/* Banner */
#banner {height:460px;}

/* title son xy scale-by jaan */
#banner #description2 .description {
display:block;
width:450px;
height:20px;
font-size:12px;
position:absolute;
top:30px;
left:20px;
color:#623201;
overflow:hidden;
}
/* title father xy scale-by jaan */
#banner #pageheader h1 {
display:block;
width:500px;
height:44px;
font-size:15px;
position:absolute;
top:1px;
left:5px;
color:#623201;
overflow:hidden;
text-decoration:none;
padding:10px 16px 0px 16px;
}

#banner #pageheader h1 a {color:#000;}

#banner #pageheader h1 a:hover {color:#623201;}

#blog_main{
background:#ffffff url(http://f8.wretch.yimg.com/sunny989/1/o1314035653.jpg?nKrRsABDdxfWysPtd_SpXpEQd2I7PxvqUeJ6ns.QsUttom7zhxkwT4YtxGU81bZh3w--?nKrRsABDdxfWysPtd_SpXpEQd2I7PxvqUeJ6ns.QsUttom7zhxkwT4YtxGU81bZh3w--?_QMn8GhDdxfLsRGxmaxA2yjZSkUCVhDGYbjjHHdIqn0w_fmG5k.E0SSG_0EBE.o9JQ--?iRZZPZBDdxf.8zg2ZeMPvSq554SzwClenwUbu6nCidfkXiueRcuSkw9o) no-repeat center top;
}
/*big face-by jaan*/
#blogCategory{margin:0px 0px 0px 0px;}
.boxSlideShow1,
.boxMusic1,
.boxCollectionCategory1,
.boxCollection1,
.scupioSearch1,
.boxSmallMap1,
.boxRssList1,
.boxCollect1,
#boxWho{
background:#fff;
}
#boxFolder iframe {background:#FFFFFF;}

#boxCategory .sidetitle {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category1.jpg) no-repeat 0 0;
}

#boxCounter .sidetitle {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category2.jpg) no-repeat 0 0;
}

#boxDate .sidetitle {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category3.jpg) no-repeat 0 0;
}

#boxSlideShow .sidetitle{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category4.jpg) no-repeat 0 0;
}
.boxMusic0 .sidetitle{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category5.jpg) no-repeat 0 0;
}
#boxCollectionCategory .sidetitle{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category6.jpg) no-repeat 0 0;
}
#boxCollection .sidetitle{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category7.jpg) no-repeat 0 0;
}
#boxRssList .sidetitle{
background:url(http://l.yimg.com/e/style/14/1434/sidetitle_subscribe.jpg) no-repeat 0 0;
}
#boxWho .sidetitle{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category9.jpg) no-repeat 0 0;
}
#scupioSearch .sidetitle,
#boxSmallMap .sidetitle,
#boxFolder .sidetitle {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category10.jpg) no-repeat 0 0;
font-size:16px;
font-weight:bold;
color:#623201;
padding:25px 0px 0px 15px;
height:25px;
}

#boxMySpace .sidetitle {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category11.jpg) no-repeat 0 0;
}

#boxNewArticle .sidetitle {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category12.jpg) no-repeat 0 0;
}

#boxNewComment .sidetitle {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category13.jpg) no-repeat 0 0;
}

#boxNewTrackback .sidetitle {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/sidetitle_category14.jpg) no-repeat 0 0;
}