Christabelle的藝想世界

看到艾瑪在分享萬聖節版面，想想我也來把自己的版面改成萬聖節應景的版面好了。不同的是，艾瑪的版面比較清爽有氣質，我的就比較陰森詭異一點。大家各取所好，要的朋友也請自取囉！請取用的朋友留個話說一聲就好。

對了，這是從我原本的版面去修改而成的。我自己對css其實一竅不通，也許會有多餘不需要的冗贅語法，還請大家包含不要見笑。^^ 有任何意見也請跟我說一聲，先謝謝大家囉！

另外，留言版及相簿也有配套版面，需要的朋友請到留言板留言給我，請記得給我您的email喔！。

blog版面預覽

請從以下開始複製


/*********************
樣式名稱：Trick or Treat！
作者：Christabelle
網誌：Christabelle的藝想世界
網址：http://www.wretch.cc/blog/christabelle
版權聲明：
此樣版只能在無名小站使用
2005.10
********************/
HTML {
 SCROLLBAR-FACE-COLOR: #ff9900; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ff9900; SCROLLBAR-DARKSHADOW-COLOR: #000000
}
BODY {
 FONT-SIZE: 10px; BACKGROUND: url(http://pic31.pic.wretch.cc/photos/16/w/weblogging/2/1130425124.jpg) #000000 fixed center top; MARGIN: 5px; COLOR: #666; FONT-FAMILY: verdana,arial
}
A:link {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; TEXT-DECORATION: none
}
A:active {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000
}
A:hover {
 COLOR: #ffffff; TEXT-DECORATION: none
}
H1 H2 H3 {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UNKNOWN {
 PADDING-LEFT: 30px; FONT-WEIGHT: normal; FONT-SIZE: 22px; Z-INDEX: 1; BACKGROUND: #b5cece no-repeat right top; PADDING-BOTTOM: 50px; COLOR: #cb0f0f; PADDING-TOP: 10px; POSITION: relative; TEXT-ALIGN: center
}
#banner {
 PADDING-LEFT: 20px; FONT-SIZE: large; BACKGROUND: no-repeat center top; LINE-HEIGHT: 70%; FONT-FAMILY: georgia, verdana, arial, sans-serif; HEIGHT: 130px; TEXT-ALIGN: left; background-width: 65%; font-color: #ffffff
}
#banner A:link {
 FONT-SIZE: medium; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT: 30px; COLOR: #ff6600; HEIGHT: 201px; TEXT-DECORATION: none
}
#banner A:visited {
 FONT-SIZE: medium; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT: 30px; COLOR: #ff6600; TEXT-DECORATION: none
}
#banner A:active {
 FONT-SIZE: medium; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT: 30px; COLOR: #ff6600; TEXT-DECORATION: none
}
#banner A:hover {
 FONT-SIZE: medium; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT: 30px; COLOR: #993399; TEXT-DECORATION: none
}
.description {
 FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT: 10px; TEXT-TRANSFORM: none; COLOR: #ff6600; FONT-STYLE: normal; TEXT-DECORATION: none
}
#content {
 BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 10px 270px 10px 30px
}
BLOCKQUOTE {
 PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #000000; PADDING-BOTTOM: 10px; MARGIN: 5px 40px; COLOR: #fff; LINE-HEIGHT: 160%; PADDING-TOP: 10px
}
.category {
 FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; TEXT-ALIGN: right
}
.category A:link {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #993399; TEXT-DECORATION: none
}
.category A:visited {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #993399; TEXT-DECORATION: none
}
.category A:active {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #993399; TEXT-DECORATION: none
}
.category A:hover {
 COLOR: #ffffff; TEXT-DECORATION: underline
}
.blog {
 PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; COLOR: #000000; PADDING-TOP: 10px
}
.blogbody {
 BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 20px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #ff9900 repeat-y right 50%; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 10px; BORDER-LEFT: #000000 1px solid; WIDTH: auto; COLOR: #000000; LINE-HEIGHT: 160%; PADDING-TOP: 10px; BORDER-BOTTOM: #000000 1px solid; FONT-STYLE: normal
}
.blogbody A:link {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ff0000; TEXT-DECORATION: none
}
.blogbody A:visited {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; TEXT-DECORATION: underline
}
.blogbody A:active {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ff0000; TEXT-DECORATION: none
}
.blogbody A:hover {
 COLOR: #ffffff; TEXT-DECORATION: none
}
.title {
 PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: large; PADDING-BOTTOM: 10px; MARGIN: 10px; COLOR: #000000; PADDING-TOP: 20px; FONT-STYLE: normal; TEXT-ALIGN: center; TEXT-DECORATION: underline
}
#menu {
 FONT-WEIGHT: normal; FONT-SIZE: small; MARGIN-BOTTOM: 15px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.navi {
 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; MARGIN: 10px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.date {
 BORDER-TOP-WIDTH: 1px; BORDER-RIGHT: #000000 1px solid; PADDING-LEFT: 45px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #000000 no-repeat left 50%; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; PADDING-BOTTOM: 10px; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-TOP-COLOR: #000000; PADDING-TOP: 15px; FONT-STYLE: normal
}
.posted {
 FONT-SIZE: x-small; BACKGROUND: #ff9900; COLOR: #000000; BORDER-RIGHT-STYLE: none; BORDER-RIGHT-COLOR: #ffffff
}
.extended {
 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
#links {
 PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 2; RIGHT: 40px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; WIDTH: 200px; COLOR: #ffffff; PADDING-TOP: 10px; POSITION: absolute; TOP: 150px
}
.calendar {
 BORDER-TOP-WIDTH: 1px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: x-small; BORDER-LEFT-COLOR: #ffffff; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #ffffff; COLOR: #ffffff; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #ffffff
}
.calendar TABLE {
 BACKGROUND: #ff9900
}
.side {
 BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #ff9900; PADDING-BOTTOM: 5px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; LINE-HEIGHT: 150%; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid
}
.sidetitle {
 PADDING-RIGHT: 3px; MARGIN-TOP: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #669966; PADDING-BOTTOM: 3px; COLOR: #ffffff; LINE-HEIGHT: 150%; PADDING-TOP: 3px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #8f9c5c
}
.categories UL {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc
}
.categories LI {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.archives UL {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc
}
.syndicate {
 PADDING-RIGHT: 2px; MARGIN-TOP: 15px; PADDING-LEFT: 2px; FONT-SIZE: small; PADDING-BOTTOM: 2px; LINE-HEIGHT: 160%; PADDING-TOP: 2px; TEXT-ALIGN: left
}
.response {
 FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #000000; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; LINE-HEIGHT: 160%; LETTER-SPACING: 0.2em; TEXT-ALIGN: center
}
.comments-body {
 PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; MARGIN: 5px; WIDTH: auto; COLOR: #000000; LINE-HEIGHT: 160%; PADDING-TOP: 10px
}
.comments-post {
 FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000
}
.comments-head {
 PADDING-RIGHT: 5px; MARGIN-TOP: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: small; BACKGROUND: #000000; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; WIDTH: auto; COLOR: #ffffff; PADDING-TOP: 5px
}
INPUT {
 FONT-FAMILY: verdana, arial, sans-serif
}
TEXTAREA {
 FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-url {
 PADDING-RIGHT: 10px; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; COLOR: #000000; PADDING-TOP: 10px
}
.trackback-body {
 FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #fff; PADDING-BOTTOM: 10px; COLOR: #000000; LINE-HEIGHT: 160%
}
.trackback-post {
 FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #000000; COLOR: #ffffff
}
#banner {
 BORDER-TOP-WIDTH: thick; PADDING-RIGHT: 10px; BACKGROUND-POSITION: center bottom; FONT-WEIGHT: bold; FONT-SIZE: large; BORDER-BOTTOM-WIDTH: thick; BORDER-BOTTOM-COLOR: #000000; PADDING-BOTTOM: 10px; BORDER-TOP-COLOR: #000000; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
A {
 COLOR: #000000
}
#banner A {
 FONT-SIZE: medium; COLOR: #ff6600
}
#content {
 BACKGROUND-COLOR: #000000
}
#content {
 BACKGROUND-COLOR: #0000000
}
#content {
 BACKGROUND-COLOR: #000000
}
#container1 {
 BACKGROUND-COLOR: transparent
}
.innertext {
 COLOR: #000000
}
.articletext {
 BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-STYLE: none; BACKGROUND-COLOR: #ff9900; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000
}
#boxNewTrackback {
 WORD-WRAP: break-word
}