close

修正:
1.Source置中
2.新增SlideShow底圖
3.新增好友名單
4.新增網誌說明
5.文章標題位置錯誤

-------------最後修正於2006/08/30 02:15AM


==有稍微修正的分隔線=========================================

/*-----CSS DESIGN by Santin
http://www.wretch.cc/blog/santin -----*/

body {
font-size: 0.8em;
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802350991.jpg');
margin: 0px;
color: #444;
font-family: "VERDANA";
}
a{
color: #123456;
}
a:hover {
color: #000;
text-decoration: none;
}
#container1 {
margin: 0px auto;
width: 1010px;
position: relative;
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/o1802350992.jpg') repeat-y 50% 0%;
}
#banner {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/o1802351006.jpg') no-repeat 50% 100%;
height: 108px;
}
#pageheader {
text-align: center;
display: block;
position: absolute;
left: 325px;
top: -10px;
width: 362px;
height: 15px;
}
#pageheader h1 a {
font-size: 10px;
font-weight: bolder;
text-decoration: none;
color: #333333;
}
#pageheader .description {
display: block;
position: absolute;
top: -100px;
}
#pageheader #description2 .description {
left: 310px;
width: 100%;
position: absolute;
top: 97px;
text-align: right;
}
#content {
margin-top: 5px;
float: right;
width: 697px;
margin-right: 20px;
*margin-right: 13px;
}
.date {
padding-right: 5px;
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/o1802350993.jpg') no-repeat;
height: 23px;
text-align: right;
}
.datediv {
padding-top: 3px;
color: #fff;
}
.blogbody {
margin-bottom: 15px;
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/o1802351005.jpg') no-repeat 50% 100%;
}
.blogbody2 {
}
.articletext {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/o1802351004.jpg') repeat-y 50% 0%;
padding: 10px;
}
.posted {
padding-left: 10px;
color: #9FAFC8;
}
.posted a {
color: #9FAFC8;
}
.posted a:hover {
color: #6699CC;
}
.total-comments-div {
border-top: #999 1px dotted;
margin-top: 10px;
padding-top: 10px;
}
.total-comments-div .trackbacks-head {
}
.total-comments-div .trackbacks-head .comments-head {
border-right: #aaa 1px solid;
padding-right: 7px;
border-top: #aaa 1px solid;
padding-left: 7px;
margin-bottom: 10px;
padding-bottom: 7px;
border-left: #aaa 1px solid;
padding-top: 7px;
border-bottom: #aaa 1px solid;
}
.total-comments-div .comments-head {
border-right: #aaa 1px solid;
padding-right: 7px;
border-top: #aaa 1px solid;
padding-left: 7px;
padding-bottom: 7px;
border-left: #aaa 1px solid;
padding-top: 7px;
border-bottom: #aaa 1px solid;
}
.total-comments-div .comments-bottom .comments-head {
border-right: #aaa 1px solid;
padding-right: 7px;
border-top: #aaa 1px solid;
margin-top: 10px;
padding-left: 7px;
padding-bottom: 7px;
border-left: #aaa 1px solid;
padding-top: 7px;
border-bottom: #aaa 1px solid;
}
.total-comments-div .comments-body {
border-bottom: #888 1px dotted;
}
.total-comments-div .comments-body .comments-post {
color: #aaa;
text-align: right;
}
.total-comments-div .comments-body FORM {
}
#text {
width: 300px;
}
#links {
width: 250px;
padding-left: 15px;
}
.sidetitle {
padding-left: 10px;
height: 18px;
margin-top: 10px;
}
.side {
padding-left: 25px;
}
#boxProfile {
display: block;
height: 1px;
}
#boxProfile .boxProfile0 {
display: none;
}
#boxProfile .boxProfile0 .sidetitle {
display: none;
}
#boxProfile .boxProfile1 {
}
#boxProfile .boxProfile1 .side {
display: block;
position: absolute;
top: -200px;
}
#boxProfile .boxProfile1 .side .boxProfileImg {
display: none;
}
#boxProfile .boxProfile1 .side .boxProfileLink {
display: none;
}
#boxProfile .boxProfile1 .side select {
display: block;
position: absolute;
left: 474px;
top: 283px;
}
#boxSlideShow {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802351007.jpg') no-repeat;
display: block;
position: absolute;
left: 11px;
top: 80px;
width: 258px;
height: 200px;
}
#boxSlideShow .boxSlideShow0 {
}
#boxSlideShow .boxSlideShow0 .sidetitle {
display: block;
position: absolute;
left: 6px;
top: -8px;
font-size: 0.8em;
}
#boxSlideShow .boxSlideShow1 {
margin-top: 20px;
height: 160px;
overflow: hidden;
}
#boxSlideShow .boxSlideShow1 .side {
}
#boxMusic {
margin-top: 200px;
}
#boxNewArticle .boxNewArticle0 .sidetitle {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802350996.jpg') no-repeat;
text-indent: -5000px;
font-size: inherit;
}
#boxCategory .boxCategory0 .sidetitle {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802350997.jpg') no-repeat;
text-indent: -5000px;
font-size: inherit;
}
#boxDate .boxDate0 .sidetitle {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802350998.jpg') no-repeat;
text-indent: -5000px;
font-size: inherit;
}
#boxSearch {
display: none;
}
#scupioSearch {
height: 0;
overflow: hidden;
}
#scupioSearch .scupioSearch0 .sidetitle {
display: none;
}
#scupioSearch .scupioSearch1 .side #keyword {
display: block;
position: absolute;
left: 782px;
top: 37px;
border: 0px;
width: 127px;
height: 15px;
}
#scupioSearch .scupioSearch1 .side {
display: block;
height: 1px;
overflow: hidden;
}
#boxNewComment .boxNewComment0 .sidetitle {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802350999.jpg') no-repeat;
text-indent: -5000px;
font-size: inherit;
}
#boxFolder .boxFolder0 .sidetitle {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802351002.jpg') no-repeat;
padding-left: 20px;
}
#boxCounter .boxCounter0 .sidetitle {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802351003.jpg') no-repeat;
text-indent: -5000px;
font-size: inherit;
}
#boxRssList .boxRssList0 .sidetitle {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802351000.jpg') no-repeat;
text-indent: -5000px;
font-size: inherit;
}
#boxNewTrackback .boxNewTrackback0 .sidetitle {
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802351001.jpg') no-repeat;
text-indent: -5000px;
font-size: inherit;
}
.syndicate {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
.powered {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
#footer {
clear: both;
height: 45px;
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/o1802350994.jpg') no-repeat;
}
#links .powered br {
display: block;
}
#links .powered .powerlogo img {
display: none;
}
#links .powered .powerlogo {
display: block;
width: 233px;
height: 158px;
background: url('http://pic29.pic.wretch.cc/photos/10/s/santin/12/1802350995.jpg') no-repeat;
margin-top: 5px;
}
.total-comments-div .powered {
color: #444;
text-align: right;
padding-right: 30px;
}
#blog {
display: block;
position: absolute;
width: 34px;
height: 17px;
left: 324px;
top: 86px;
}
#user {
display: block;
position: absolute;
width: 35px;
height: 17px;
left: 279px;
top: 85px;
}
#album {
display: block;
position: absolute;
width: 43px;
height: 17px;
left: 362px;
top: 86px;
}
#guestbook {
display: block;
position: absolute;
width: 70px;
height: 18px;
left: 412px;
top: 85px;
}

===================語法到此結束============================
以上是此樣式的CSS語法

PS.忘了說,右上角的Search就是原來的酷比搜尋,不只是圖片,是真的可以用的XD
最後希望有套用的人可以留個言讓我參觀一下^_^


arrow
arrow
    全站熱搜

    santin 發表在 痞客邦 留言(64) 人氣()