February 4,2007

綠色版黑寶貝

哦~好久沒更新版面,上次是去年八月的時候更新的,差不多也快半年了~該更新囉!
嘗試過棕色、綠色....這次改用黃色,讓冬天感覺起來溫暖一點,最近真是冷死了
三欄式的設計第一次嘗試,覺得還蠻不錯的,底部還有圖哦!有一種呵成一氣的感覺^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
}


Posted by caracat at 樂多Roodo! │02:20 │回應(4)引用(2)網頁、平面設計
樂多分類:網路/3C 共同主題:CSS設計排版 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/2694365
引用列表:
Levitra. Using levitra for eczema..
Levitra.【Levitra attorneys.】 at November 27,2007 09:20
Zithromax. Antibiotic zithromax. Zithromax azithromycin. Zithromax z-pak. Zithromax gonera dosage.
Reaction to zithromax.【Side effects of zithromax.】 at November 28,2007 04:23
回應文章
好可愛啊…卡啦姊…您真內行!
Posted by 迷彩奇異果 at February 4,2007 16:18
哇....好漂亮喔
一過來就驚艷了一下
黃色真的很好看呢 U////U
cara真是厲害^^
Posted by Gina at February 8,2007 22:21
謝謝奇異果和Gina的讚美^_^
Posted by cara at February 8,2007 23:25

這個綠色板黑寶貝的板型..好可愛捏
奶油帶回家使用唷^^
感謝你的製作與分享
Posted by 奶油 at November 6,2007 16:04