原本夕陽的版面看久了有點膩了
剛好下午自己拍了幾張MSN用的圖
於是，乾脆就也拍一下用來佈置網誌的圖片
這是新的版面
圖片是我本人啦，哈哈哈
有沒有很帥氣呀，我為了拍這張照片
眼睛被檯燈照的都快瞎了
同樣的，如果你喜歡我前一個版面
歡迎你把我的CSS拿去用
HTML {
SCROLLBAR-FACE-COLOR: #eee; SCROLLBAR-HIGHLIGHT-COLOR: #eee; SCROLLBAR-SHADOW-COLOR: #eee; SCROLLBAR-3DLIGHT-COLOR: #aaa; SCROLLBAR-ARROW-COLOR: #aaa; SCROLLBAR-TRACK-COLOR: #aaa; SCROLLBAR-DARKSHADOW-COLOR: #aaa
}
BODY {
BACKGROUND: #aaa; MARGIN: 0px; FONT: 8pt Arial; COLOR: #555
}
A {
COLOR: #123456; TEXT-DECORATION: none
}
A:hover {
COLOR: #654321; TEXT-DECORATION: underline
}
#container1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://f7.wretch.yimg.com/poweiyeh/52/o1112639697.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 10px auto; WIDTH: 765px; PADDING-TOP: 0px
}
#container2 {
MARGIN-TOP: 175px; BACKGROUND: #eee; HEIGHT: 100%
}
#banner {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(http://f7.wretch.yimg.com/poweiyeh/52/o1112639696.jpg) #eee no-repeat; HEIGHT: 95px
}
#banner H1 A {
COLOR: #fff; TEXT-DECORATION: none
}
#banner H1 A:hover {
COLOR: #dd7474; TEXT-DECORATION: none
}
#banner .description {
FONT-SIZE: 14px; COLOR: #74dda9
}
#description2 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 14px; TEXT-ALIGN: right
}
#description2 .description {
FONT-SIZE: 12px; COLOR: #666
}
#content {
FLOAT: left; BACKGROUND-IMAGE: none; WIDTH: 570px
}
.blog {
PADDING-RIGHT: 15px; PADDING-LEFT: 20px
}
#content IMG {
max-width: 450px
}
.picleft {
FLOAT: left; MARGIN: 10px
}
.picright {
FLOAT: right; MARGIN: 10px
}
.piccenter {
DISPLAY: block; MARGIN: 10px
}
.date {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/1110077164.jpg) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #999; PADDING-TOP: 0px
}
.datediv {
PADDING-LEFT: 43px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/1110077165.jpg) no-repeat 20px 6px; PADDING-BOTTOM: 5px; PADDING-TOP: 6px
}
.title {
PADDING-BOTTOM: 3px; MARGIN-LEFT: 20px; BORDER-BOTTOM: #666 1px dotted
}
.extended {
MARGIN-TOP: 0px; TEXT-ALIGN: right
}
.articletext {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #999 1px solid
}
.posted {
PADDING-RIGHT: 10px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/1110077167.jpg) no-repeat right bottom; MARGIN-BOTTOM: 30px; PADDING-BOTTOM: 6px; PADDING-TOP: 5px; TEXT-ALIGN: right
}
#links {
RIGHT: 0px; BACKGROUND-IMAGE: url(http://f7.wretch.yimg.com/poweiyeh/52/1110970534.jpg); MARGIN-LEFT: 470px; WIDTH: 170px; BACKGROUND-REPEAT: no-repeat
}
.calendar {
MARGIN-TOP: 38px; MARGIN-BOTTOM: 20px
}
.sidetitle {
BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/1110077165.jpg) no-repeat 0px 0px; PADDING-BOTTOM: 10px; BORDER-LEFT: red 0px solid; COLOR: #333; BORDER-BOTTOM: red 0px solid
}
.boxProfileImg IMG {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; MARGIN-LEFT: 20px; PADDING-TOP: 5px
}
.boxProfile1 {
PADDING-LEFT: 10px
}
#SlidePicLink IMG {
WIDTH: 70px
}
.boxSlideShow1 {
HEIGHT: 180px
}
.boxNewArticle1 {
PADDING-LEFT: 5px; MARGIN-LEFT: 10px; BORDER-LEFT: #aaa 1px solid
}
.boxCategory1 {
PADDING-LEFT: 5px; MARGIN-LEFT: 10px; BORDER-LEFT: #aaa 1px solid
}
.boxNewComment1 {
SCROLLBAR-FACE-COLOR: #eee; MARGIN-BOTTOM: 20px; SCROLLBAR-HIGHLIGHT-COLOR: #aaa; OVERFLOW: auto; SCROLLBAR-SHADOW-COLOR: #aaa; SCROLLBAR-3DLIGHT-COLOR: #eee; SCROLLBAR-ARROW-COLOR: #aaa; SCROLLBAR-TRACK-COLOR: #eee; SCROLLBAR-DARKSHADOW-COLOR: #eee; HEIGHT: 200px
}
.boxNewComment1 .side {
TEXT-ALIGN: right
}
.boxNewComment1 A {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; COLOR: #999; PADDING-TOP: 2px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.boxNewComment1 A:hover {
BACKGROUND: #ccc; COLOR: #333
}
.boxFolder1 {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 3px; TEXT-ALIGN: right
}
.boxFolder1 A {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px
}
.boxFolder1 A:hover {
BORDER-RIGHT: #999 1px solid
}
.boxCounter1 {
PADDING-LEFT: 20px; FONT-WEIGHT: bold
}
.syndicate {
MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px; TEXT-ALIGN: right
}
.total-comments-div {
BORDER-RIGHT: #aaa 0px solid; BORDER-TOP: #aaa 0px solid; MARGIN-LEFT: 83px; BORDER-LEFT: #aaa 0px solid; BORDER-BOTTOM: #aaa 0px solid
}
.comments-head {
PADDING-RIGHT: 5px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/1110077164.jpg) no-repeat 0px 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid; LETTER-SPACING: 0.2em
}
.comments-body {
BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #eee 1px solid; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BORDER-LEFT: #aaa 1px solid; COLOR: #435689
}
.comments-body P {
PADDING-RIGHT: 30px; PADDING-LEFT: 10px
}
.comments-bottom .comments-head {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #aaa 1px solid; BACKGROUND: #fff; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; TEXT-ALIGN: right
}
.comments-post {
PADDING-RIGHT: 10px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 60px; COLOR: #823648; BORDER-BOTTOM: #aaa 1px dotted; TEXT-ALIGN: right
}
.comments-body FORM {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #aaa 1px solid; TEXT-ALIGN: right
}
INPUT {
BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BACKGROUND: #fff; BORDER-LEFT: #aaa 1px solid; COLOR: #444; BORDER-BOTTOM: #aaa 1px solid
}
#url {
WIDTH: 85%
}
#email {
WIDTH: 85%
}
#text {
BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 350px; COLOR: #444; BORDER-BOTTOM: #aaa 1px solid; FONT-FAMILY: Arial
}
#footer {
BACKGROUND: url(http://f7.wretch.yimg.com/poweiyeh/52/o1112561877.jpg) no-repeat 50% bottom; WIDTH: 100%; HEIGHT: 40px
}
.blogbody {
BACKGROUND-POSITION: center bottom; BACKGROUND-IMAGE: none; BACKGROUND-REPEAT: no-repeat
}
#boxProfile select{display:none;}
0 意見:
張貼留言