網誌樣式-三欄式deathhell

HTML {
BACKGROUND-POSITION:center bottom;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/o1181449814.jpg);BACKGROUND-COLOR:#990000;}
BODY {
BACKGROUND-POSITION:center bottom;FONT-SIZE:small;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/o1181449814.jpg);MARGIN:0px;BACKGROUND-REPEAT:repeat-y;BACKGROUND-COLOR:#990000;TEXT-ALIGN:left;}
A {
COLOR:#d2232a;TEXT-DECORATION:none;}
A:hover {
COLOR:#000;}
#container1 {
MARGIN:0px auto;WIDTH:960px;}
#container2 {
MARGIN:0px auto;WIDTH:960px;}
#extraDiv1 {

}
#extraDiv2 {

}
#banner {
BACKGROUND:url(http://f7.wretch.yimg.com/deathhell/1/1181441470.jpg) no-repeat center top;WIDTH:960px;HEIGHT:385px;TEXT-ALIGN:left;}
#pageheader {
WIDTH:960px;POSITION:absolute;TEXT-ALIGN:left;}
H1 {
FONT-SIZE:22px;COLOR:#008071;}
H1 A {
COLOR:#fff;}
H1 A:hover {
COLOR:#d3d4d4;}
H1 .description {
FONT-SIZE:18px;}
#description2 .description {
LEFT:0px;POSITION:absolute;TOP:350px;}
#content {
BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:2px;BACKGROUND-POSITION:right bottom;PADDING-LEFT:2px;LEFT:193px;BACKGROUND-IMAGE:none;PADDING-BOTTOM:10px;MARGIN:0px 10px;BORDER-LEFT:#ccc 1px solid;WIDTH:550px;COLOR:#666;LINE-HEIGHT:170%;PADDING-TOP:0px;BACKGROUND-REPEAT:repeat;POSITION:relative;TOP:0px;}
.date {
FONT-SIZE:9pt;BACKGROUND-POSITION-Y:center;LEFT:0px;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/1181398258.jpg);COLOR:#ffffff;POSITION:relative;TOP:16px;HEIGHT:25px;}
.title {
PADDING-RIGHT:5px;PADDING-LEFT:0px;FONT-SIZE:medium;PADDING-BOTTOM:0px;MARGIN:0px;COLOR:#d2232a;PADDING-TOP:20px;}
.innertext {
PADDING-RIGHT:10px;PADDING-LEFT:0px;FONT-SIZE:small;OVERFLOW-X:auto;PADDING-BOTTOM:10px;WIDTH:550px;PADDING-TOP:5px;}
.extended {
TEXT-ALIGN:left;}
.posted {
PADDING-LEFT:0px;FONT-SIZE:small;MARGIN-BOTTOM:7px;PADDING-BOTTOM:10px;PADDING-TOP:20px;BORDER-BOTTOM:#666 1px solid;}
.total-comments-div {
COLOR:#999;}
.trackbacks-head .comments-head {
FONT-SIZE:small;COLOR:#d2232a;PADDING-TOP:20px;}
.comments-head {
FONT-SIZE:12px;COLOR:#d2232a;PADDING-TOP:20px;}
.comments-bottom .comments-head {

}
.comments-post {
FONT-SIZE:small;LINE-HEIGHT:150%;BORDER-BOTTOM:#666 1px solid;}
.comments-body P {
PADDING-LEFT:10px;FONT-SIZE:small;}
.comments-reply .comments-author .comments-post {
FONT-SIZE:small;MARGIN-LEFT:28px;COLOR:#cc0000;}
.comments-reply .comments-author {
BACKGROUND-POSITION:left top;PADDING-LEFT:50px;FONT-SIZE:small;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/1181351375.jpg);WIDTH:480px;BACKGROUND-REPEAT:no-repeat;}
#divThird {
LEFT:760px;WIDTH:200px;POSITION:absolute;TOP:0px;}
#divThird2 {
PADDING-LEFT:0px;WIDTH:200px;}
#links {
PADDING-RIGHT:10px;PADDING-LEFT:0px;FONT-SIZE:9pt;FLOAT:left;PADDING-BOTTOM:10px;MARGIN-LEFT:0px;WIDTH:200px;PADDING-TOP:0px;POSITION:absolute;TOP:395px;}
#links2 {
WIDTH:200px;}
.calendar {
FONT-SIZE:11px;}
DIV.calendar {
MARGIN-BOTTOM:10px;PADDING-BOTTOM:40px;PADDING-TOP:15px;}
.sidetitle {
PADDING-RIGHT:0px;BACKGROUND-POSITION:center top;PADDING-LEFT:5px;FONT-WEIGHT:bold;BORDER-LEFT-WIDTH:5px;FONT-SIZE:small;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/1181398259.jpg);PADDING-BOTTOM:2px;COLOR:#ffffff;PADDING-TOP:2px;BACKGROUND-REPEAT:no-repeat;HEIGHT:28px;}
.side {
PADDING-RIGHT:5px;PADDING-LEFT:10px;FONT-SIZE:9pt;MARGIN-BOTTOM:5px;PADDING-BOTTOM:5px;PADDING-TOP:5px;}
.side A {
FONT-SIZE:9pt;COLOR:#736553;LINE-HEIGHT:180%;BORDER-BOTTOM:#ccc 1px dashed;}
.side A:hover {
FONT-SIZE:9pt;COLOR:#000;LINE-HEIGHT:180%;BORDER-BOTTOM:#ccc 1px dashed;}
.history {
FONT-SIZE:9pt;LINE-HEIGHT:180%;}
#boxMySpace .side {

}
#boxSlideShow .side {

}
#boxMusic .side {

}
#boxFolder .side {

}
#boxCounter .side {

}
#text {
BORDER-RIGHT:#666 1px solid;BORDER-TOP:#666 1px solid;BORDER-LEFT:#666 1px solid;COLOR:#666;BORDER-BOTTOM:#666 1px solid;BACKGROUND-COLOR:#fff;}
#url {
BORDER-RIGHT:#666 1px solid;BORDER-TOP:#666 1px solid;BORDER-LEFT:#666 1px solid;COLOR:#666;BORDER-BOTTOM:#666 1px solid;BACKGROUND-COLOR:#fff;}
#email {
BORDER-RIGHT:#666 1px solid;BORDER-TOP:#666 1px solid;BORDER-LEFT:#666 1px solid;COLOR:#666;BORDER-BOTTOM:#666 1px solid;BACKGROUND-COLOR:#fff;}
.datediv {
BACKGROUND-IMAGE:none;}
.articletext {
BACKGROUND-POSITION:right bottom;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/1181441469.jpg);LINE-HEIGHT:150%;BACKGROUND-REPEAT:no-repeat;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;}
.description {
COLOR:#660033;}
.blogbody TEXTAREA {
BACKGROUND:url(http://f7.wretch.yimg.com/deathhell/1/1181430126.jpg) no-repeat;HEIGHT:150px;}
.input {
BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/1181413018.jpg);}
A:link {
COLOR:#d2232a;}
A:visited {
COLOR:#d2232a;}
A:active {
COLOR:#d2232a;}
#banner A {
COLOR:#ffffff;}
#banner A:link {
COLOR:#ffffff;}
#banner A:visited {
COLOR:#ffffff;}
#banner A:active {
COLOR:#ffffff;}
#banner A:hover {
COLOR:#cccccc;}

這次第一次改三欄式的css，改了好幾個禮拜才終於定下來，喜歡三欄式的可以拿回去，再用樣式小幫手改掉一些圖變成自己的樣式也沒關係。