嘗試過棕色、綠色....這次改用黃色,讓冬天感覺起來溫暖一點,最近真是冷死了
。三欄式的設計第一次嘗試,覺得還蠻不錯的,底部還有圖哦!有一種呵成一氣的感覺^0^y
綠色版紀念如下:

。
綠色版黑寶貝CSS設定如下:
BODY {
BACKGROUND: #90af81; MARGIN: 0px; WIDTH: 100%; COLOR: #1a1a1a; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; TEXT-ALIGN: center
}
A {
COLOR: #26600b; TEXT-DECORATION: none
}
A:link {
COLOR: #26600b; TEXT-DECORATION: none
}
A:visited {
COLOR: #9e9e9e; TEXT-DECORATION: none
}
A:active {
COLOR: #c5c3c3
}
A:hover {
COLOR: #c5c3c3; TEXT-DECORATION: underline
}
A.acalendar {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.acalendar:link {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.acalendar:visited {
TEXT-DECORATION: underline
}
A.acalendar:active {
}
A.acalendar:hover {
COLOR: #c5c3c3; TEXT-DECORATION: none
}
A.acontinues {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.acontinues:link {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.acontinues:visited {
TEXT-DECORATION: underline
}
A.acontinues:active {
}
A.acontinues:hover {
COLOR: #c5c3c3; TEXT-DECORATION: none
}
A.amenu {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.amenu:link {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.amenu:visited {
TEXT-DECORATION: underline
}
A.amenu:active {
}
A.amenu:hover {
COLOR: #c5c3c3; TEXT-DECORATION: none
}
#container {
BACKGROUND: #ffffff; MARGIN: 0px auto; WIDTH: 780px; TEXT-ALIGN: center
}
#banner {
BACKGROUND: url(http://blog.roodo.com/caracat/9d78e1f4.jpg) no-repeat 50% 0px; WIDTH: 780px; HEIGHT: 220px
}
#subbanner {
}
#banner A {
COLOR: #0c6500; TEXT-DECORATION: none
}
#banner A:link {
COLOR: #0c6500; TEXT-DECORATION: none
}
#banner A:visited {
TEXT-DECORATION: none
}
#banner A:active {
}
#banner A:hover {
COLOR: #000; TEXT-DECORATION: underline
}
#subbanner A {
COLOR: #fff; TEXT-DECORATION: none
}
#subbanner A:link {
COLOR: #fff; TEXT-DECORATION: none
}
#subbanner A:visited {
TEXT-DECORATION: none
}
#subbanner A:active {
}
#subbanner A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.blogtitle {
PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; LETTER-SPACING: 1px; TEXT-ALIGN: left
}
.description {
PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #f2c2cd; PADDING-TOP: 5px; LETTER-SPACING: 2px; TEXT-ALIGN: right
}
#content {
FLOAT: right; WIDTH: 580px; TEXT-ALIGN: left
}
.blog {
MARGIN: 20px 25px; TEXT-ALIGN: left
}
.date {
FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 20px 0px 5px; COLOR: #1b5500; FONT-FAMILY: Georgia, Verdana, Arial, Sans-Serif
}
.blogbody {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.title {
PADDING-RIGHT: 0px; PADDING-LEFT: 28px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: url(http://blog.roodo.com/caracat/d049146f.gif) no-repeat; PADDING-BOTTOM: 2px; COLOR: #666666; PADDING-TOP: 3px
}
.main {
FONT-SIZE: 12px; MARGIN: 15px 0px; COLOR: #0a0a0a; LINE-HEIGHT: 150%
}
.main-continues {
FONT-SIZE: 13px
}
.posted {
FONT-SIZE: 11px; MARGIN: 0px 0px 5px; COLOR: #666666; TEXT-ALIGN: right
}
A.aposted {
COLOR: #527a52; TEXT-DECORATION: underline
}
A.aposted:link {
COLOR: #527a52; TEXT-DECORATION: underline
}
A.aposted:visited {
COLOR: #b7b57f; TEXT-DECORATION: underline
}
A.aposted:active {
}
A.aposted:hover {
COLOR: #c5c3c3; TEXT-DECORATION: none
}
.menu {
FONT-SIZE: 11px; COLOR: #666; TEXT-ALIGN: right
}
.comments-head {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; COLOR: #666; PADDING-TOP: 0px; HEIGHT: 10px
}
.comments-body {
BORDER-RIGHT: #689b50 1px dashed; BORDER-TOP: #689b50 1px dashed; PADDING-LEFT: 15px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 15px 0px 10px 10px; BORDER-LEFT: #689b50 1px dashed; COLOR: #000; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BORDER-BOTTOM: #689b50 1px dashed
}
.comments-post {
FONT-SIZE: 11px; MARGIN: 0px 0px 25px; COLOR: #666; TEXT-ALIGN: right
}
.trackback-url {
FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; COLOR: #6969f8
}
.trackback-body {
FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%
}
.trackback-post {
FONT-SIZE: 11px; MARGIN: 0px 0px 25px; COLOR: #666; TEXT-ALIGN: right
}
A.atrackback-post {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.atrackback-post:link {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.atrackback-post:visited {
TEXT-DECORATION: underline
}
A.atrackback-post:active {
}
A.atrackback-post:hover {
COLOR: #c5c3c3; TEXT-DECORATION: none
}
TABLE.form {
MARGIN: 25px 0px 0px 13px
}
LABEL {
FONT-WEIGHT: bold; FONT-SIZE: 13px
}
#author {
BORDER-RIGHT: #689b50 1px solid; BORDER-TOP: #689b50 1px solid; BORDER-LEFT: #689b50 1px solid; WIDTH: 200px; BORDER-BOTTOM: #689b50 1px solid
}
#email {
BORDER-RIGHT: #689b50 1px solid; BORDER-TOP: #689b50 1px solid; BORDER-LEFT: #689b50 1px solid; WIDTH: 200px; BORDER-BOTTOM: #689b50 1px solid
}
#url {
BORDER-RIGHT: #689b50 1px solid; BORDER-TOP: #689b50 1px solid; BORDER-LEFT: #689b50 1px solid; WIDTH: 200px; BORDER-BOTTOM: #689b50 1px solid
}
#text {
BORDER-RIGHT: #689b50 1px solid; BORDER-TOP: #689b50 1px solid; BACKGROUND: url(http://blog.roodo.com/caracat/161a4ab7.gif) fixed no-repeat 100% 100%; BORDER-LEFT: #689b50 1px solid; WIDTH: 500px; BORDER-BOTTOM: #689b50 1px solid; HEIGHT: 200px
}
.pagetop {
FONT-SIZE: 12px; MARGIN: 5px 0px 25px; TEXT-ALIGN: right
}
#links {
MARGIN-TOP: 20px; BACKGROUND: #fff; FLOAT: right; WIDTH: 175px; MARGIN-RIGHT: 10px; TEXT-ALIGN: center
}
.calendarhead {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; BACKGROUND: url(http://blog.roodo.com/caracat/37ec201c.gif) no-repeat; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 5px; COLOR: #d40000; PADDING-TOP: 3px; LETTER-SPACING: 1px; TEXT-ALIGN: center
}
.calendartable {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.calendarweek {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff
}
.calendarwd {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #c78698; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendard {
empty-cells: show
}
.calendardbg {
BACKGROUND: #e7d7d6
}
.calendar {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.sidetitle {
PADDING-RIGHT: 5px; PADDING-LEFT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: url(http://blog.roodo.com/caracat/37ec201c.gif) no-repeat; PADDING-BOTTOM: 5px; COLOR: #29650c; PADDING-TOP: 3px; LETTER-SPACING: 1px; TEXT-ALIGN: center
}
.side {
PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 10px; LINE-HEIGHT: 22px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
A.aside {
COLOR: #26600b; TEXT-DECORATION: none
}
A.aside:link {
COLOR: #26600b; TEXT-DECORATION: none
}
A.aside:visited {
COLOR: #9e9e9e; TEXT-DECORATION: none
}
A.aside:hover {
COLOR: #c5c3c3; TEXT-DECORATION: underline
}
A.arss {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.arss:link {
COLOR: #6969f8; TEXT-DECORATION: underline
}
A.arss:visited {
COLOR: #7f8eb7; TEXT-DECORATION: underline
}
A.arss:active {
}
A.arss:hover {
COLOR: #c5c3c3; TEXT-DECORATION: none
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.pict {
MARGIN: 5px
}
.photo {
TEXT-ALIGN: center
}
.nickname {
FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #7f8eb7
}
.message {
FONT-SIZE: 12px
}
.quotetable {
}
.quote {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666; PADDING-TOP: 1px
}
.blogtimes {
MARGIN: 0px 0px 15px; TEXT-ALIGN: center
}
.powered {
MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.syndicate {
MARGIN: 5px 0px; TEXT-ALIGN: center
}
.checkers {
MARGIN-TOP: 10px; FONT-SIZE: 12px
}