跟大家分享一下阿
哈哈
我愛很簡單的排版
希望也有人會喜歡
包走得留個言摟
這是基本的禮貌
複製開始
HTML {
SCROLLBAR-FACE-COLOR: #eeeeee; SCROLLBAR-HIGHLIGHT-COLOR: #444444; SCROLLBAR-SHADOW-COLOR: #444444; SCROLLBAR-3DLIGHT-COLOR: #eeeeee; SCROLLBAR-ARROW-COLOR: #444444; SCROLLBAR-TRACK-COLOR: #eeeeee; SCROLLBAR-DARKSHADOW-COLOR: #eeeeee
}
#text {
SCROLLBAR-FACE-COLOR: #eeeeee; SCROLLBAR-HIGHLIGHT-COLOR: #444444; SCROLLBAR-SHADOW-COLOR: #444444; SCROLLBAR-3DLIGHT-COLOR: #eeeeee; SCROLLBAR-ARROW-COLOR: #444444; SCROLLBAR-TRACK-COLOR: #eeeeee; SCROLLBAR-DARKSHADOW-COLOR: #eeeeee
}
BODY {
FONT-SIZE: medium; BACKGROUND: url(http://pic11.pic.wretch.cc/photos/44/f/frog0922/18/1979546872.jpg) fixed no-repeat right bottom; MARGIN: 10px 10px 10px 50px; COLOR: #7f7f7f; BORDER-TOP-STYLE: none; FONT-FAMILY: ”Courier New”; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-BOTTOM-STYLE: none
}
A {
FONT-SIZE: small; COLOR: #151515; LETTER-SPACING: 1px; TEXT-DECORATION: none; fontstretch: normal
}
A:hover {
COLOR: #aaaaaa; TEXT-DECORATION: none
}
#container1 {
BACKGROUND-POSITION-X: center; POSITION: relative
}
#container2 {
MARGIN-TOP: 80px
}
#banner {
FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: transparent; FONT-STYLE: normal; HEIGHT: 100px; TEXT-ALIGN: left
}
#pageheader {
}
#pageheader H1 A {
}
#pageheader .description {
}
#pageheader #description2 .description {
LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 58px; TEXT-ALIGN: right
}
#main2 {
}
#content {
MARGIN-TOP: 5px; FONT-SIZE: small; FLOAT: left; MARGIN-LEFT: 2%; WIDTH: 60%
}
.date {
BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 5px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #333333; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: #333333; COLOR: #666666; BORDER-TOP-COLOR: #333333; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #333333
}
.datediv {
BACKGROUND-IMAGE: none
}
.blogbody {
BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 10px; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 10px; BORDER-LEFT: #333 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #333 1px solid
}
.blogbody2 {
}
.articletext {
}
.articletext .title {
}
.articletext .innertext {
}
.articletext .extended {
}
.posted {
}
.total-comments-div {
BORDER-TOP: #999 1px dotted; MARGIN-TOP: 10px; PADDING-TOP: 10px
}
.total-comments-div .trackbacks-head {
}
.total-comments-div .trackbacks-head .comments-head {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 7px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 1px solid
}
.total-comments-div .comments-head {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 1px solid
}
.total-comments-div .comments-bottom .comments-head {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #aaa 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 1px solid
}
.total-comments-div .comments-body {
BORDER-BOTTOM: #888 1px dotted
}
.total-comments-div .comments-body .comments-post {
COLOR: #aaaaaa; TEXT-ALIGN: right
}
.total-comments-div .comments-body FORM {
}
#text {
WIDTH: 450px
}
#divThird {
}
#divThird2 {
}
#links {
BACKGROUND-POSITION: left center; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: transparent; BACKGROUND-ATTACHMENT: fixed; FLOAT: right; WIDTH: 30%; COLOR: transparent; PADDING-TOP: 20px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent
}
#links2 {
}
.sidetitle {
PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #333333; TEXT-ALIGN: left
}
.side {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: transparent
}
.calendar {
}
#boxProfile {
}
#boxProfile .boxProfile0 {
}
#boxProfile .boxProfile0 .sidetitle {
}
#boxProfile .boxProfile1 {
}
#boxProfile .boxProfile1 .side {
}
#boxProfile .boxProfile1 .side .boxProfileImg {
}
#boxProfile .boxProfile1 .side .boxProfileLink {
}
#boxProfile .boxProfile1 .side SELECT {
}
#boxSlideShow {
}
#boxSlideShow .boxSlideShow0 {
}
#boxSlideShow .boxSlideShow0 .sidetitle {
}
#boxSlideShow .boxSlideShow1 {
}
#boxSlideShow .boxSlideShow1 .side {
}
#boxNewArticle {
}
#boxNewArticle .boxNewArticle0 {
}
#boxNewArticle .boxNewArticle0 .sidetitle {
}
#boxNewArticle .boxNewArticle1 {
}
#boxNewArticle .boxNewArticle1 .side {
}
#boxCategory {
}
#boxCategory .boxCategory0 {
}
#boxCategory .boxCategory0 .sidetitle {
}
#boxCategory .boxCategory1 {
}
#boxCategory .boxCategory1 .side {
}
#boxDate {
}
#boxDate .boxDate0 {
}
#boxDate .boxDate0 .sidetitle {
}
#boxDate .boxDate1 {
}
#boxDate .boxDate1 .side {
}
#boxSearch {
}
#boxSearch .boxSearch0 {
}
#boxSearch .boxSearch0 .sidetitle {
}
#boxSearch .boxSearch1 {
}
#boxSearch .boxSearch1 .side {
}
#scupioSearch {
}
#scupioSearch .scupioSearch0 {
}
#scupioSearch .scupioSearch0 .sidetitle {
}
#scupioSearch .scupioSearch1 {
}
#scupioSearch .scupioSearch1 .side {
}
#boxNewComment {
}
#boxNewComment .boxNewComment0 {
}
#boxNewComment .boxNewComment0 .sidetitle {
}
#boxNewComment .boxNewComment1 {
}
#boxNewComment .boxNewComment1 .side {
}
#boxFolder {
}
#boxFolder .boxFolder0 {
}
#boxFolder .boxFolder0 .sidetitle {
}
#boxFolder .boxFolder1 {
}
#boxFolder .boxFolder1 .side {
}
#boxCounter {
}
#boxCounter .boxCounter0 {
}
#boxCounter .boxCounter0 .sidetitle {
}
#boxCounter .boxCounter1 {
}
#boxCounter .boxCounter1 .side {
}
.syndicate {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.powered {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.total-comments-div .powered {
}
.description {
FONT-WEIGHT: normal; FONT-SIZE: small; COLOR: #333333; FONT-STYLE: normal; BACKGROUND-COLOR: transparent
}
#banner A {
FONT-SIZE: large; COLOR: #666666; TEXT-DECORATION: none
}
#banner A:link {
FONT-SIZE: large; COLOR: #666666
}
#banner A:visited {
FONT-SIZE: large; COLOR: #666666
}
#banner A:active {
FONT-SIZE: large; COLOR: #666666
}
#banner A:hover {
COLOR: #999999
}
.calendar A {
}
.innertext P IMG {
COLOR: #aaaaaa
}
.title {
FONT-WEIGHT: normal; FONT-SIZE: small; COLOR: #555555; FONT-STYLE: normal
}
.innertext {
FONT-WEIGHT: normal; FONT-SIZE: small; COLOR: #999999; FONT-STYLE: normal
}
#service LI {
}
.boxCounter1 {
BACKGROUND: url(http://
www.muryo-counter.net/counter_CC6666_FFFFFF_CC3366_wretch.cc/blog/frog0922.jpg) no-repeat 50% bottom; PADDING-BOTTOM: 30px
}
#boxNewComment .boxNewComment1 {
SCROLLBAR-FACE-COLOR: #e0f3ff; MARGIN-BOTTOM: 20px; SCROLLBAR-HIGHLIGHT-COLOR: #e0f3ff; OVERFLOW: auto; SCROLLBAR-SHADOW-COLOR: #e0f3ff; SCROLLBAR-3DLIGHT-COLOR: #d6efff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #d6efff; SCROLLBAR-DARKSHADOW-COLOR: #d6efff; HEIGHT: 160px
}
複製結束
