樣式預覽




喜歡就拿走,謝謝大家支持。 拿走記得留名回覆~^^[只有這個要求]



css開始↓: HTML {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: hidden; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff
}
BODY {
FONT-SIZE: 10px; BACKGROUND: url(http://f9.wretch.yimg.com/asweet1314/8/1754916838.jpg) #ffffff fixed no-repeat left center; MARGIN: 0px; COLOR: #ff1515; FONT-FAMILY: VERDANA; LETTER-SPACING: 1pt
}
A {
COLOR: #ff0099; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0099; TEXT-DECORATION: none
}
#container1 {
BACKGROUND-POSITION-X: left; BACKGROUND-IMAGE: none; MARGIN: -95px auto 0px 260px; WIDTH: 720px; BACKGROUND-REPEAT: repeat-x; POSITION: relative; BACKGROUND-COLOR: #ffffff
}
#banner {
FONT-WEIGHT: bold; BACKGROUND: repeat-x left top; LEFT: -690px; FLOAT: right; WIDTH: 0px; COLOR: #ff1515; FONT-STYLE: normal; POSITION: absolute; HEIGHT: 0px
}
#pageheader H1 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 464px; PADDING-BOTTOM: 5px; WIDTH: 190px; LINE-HEIGHT: 18px; PADDING-TOP: 5px; FONT-FAMILY: VERDANA; POSITION: absolute; TOP: 475px; HEIGHT: 445px
}
#pageheader H1 A {
COLOR: #fd5554
}
#pageheader H1 A:hover {
COLOR: #fd5554
}
.description {
FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 465px; WIDTH: 190px; LINE-HEIGHT: 17px; FONT-FAMILY: VERDANA; LETTER-SPACING: 1pt; POSITION: absolute; TOP: 505px
}
#content {
BORDER-RIGHT: #ff1515 1px solid; BORDER-TOP: #ff1515 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND: no-repeat; LEFT: 64px; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #ff1515 1px solid; WIDTH: 450px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #ff3333 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; POSITION: absolute; TOP: 130px; HEIGHT: 440px
}
#links {
BORDER-RIGHT: #ff1515 1px solid; BACKGROUND-POSITION: right top; BORDER-TOP: #ff1515 1px solid; OVERFLOW-Y: auto; PADDING-LEFT: 12px; SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-ATTACHMENT: scroll; LEFT: 210px; FLOAT: right; MARGIN: 130px 0px 0px 110px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #ff1515 1px solid; WIDTH: 181px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #ff1515 1px solid; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 439px; BACKGROUND-COLOR: transparent
}
.datediv {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #ff1515; PADDING-TOP: 3px
}
.date {
BACKGROUND-POSITION: left bottom; FONT-WEIGHT: bold; FONT-SIZE: xx-small; BORDER-LEFT-COLOR: #ff0066; BACKGROUND-IMAGE: url(http://photo.pchome.com.tw/s08/7/4/74413/book19/p112141316152.gif); MARGIN-LEFT: 20px; WIDTH: 150px; COLOR: #000000; BORDER-TOP-STYLE: none; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; heigh: 23px
}
H3.title {
PADDING-RIGHT: 5px; BACKGROUND-POSITION: left 50%; MARGIN-TOP: -25px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 10px; BACKGROUND-ATTACHMENT: scroll; PADDING-BOTTOM: 5px; MARGIN-LEFT: 18px; COLOR: #fd5554; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; heigh: 10px
}
.blogbody {
PADDING-RIGHT: 18px; PADDING-LEFT: 18px; PADDING-BOTTOM: 18px; COLOR: #bfdfff; LINE-HEIGHT: 13pt; PADDING-TOP: 18px; LETTER-SPACING: 1px
}
.posted {
FONT-SIZE: x-small; COLOR: #ff0099; BORDER-BOTTOM: #ff3366 1px solid; FONT-STYLE: normal; LETTER-SPACING: -1pt; TEXT-ALIGN: right
}
.posted IMG {
DISPLAY: none
}
.posted A {
FONT-SIZE: 10px; COLOR: #fd5554; MARGIN-RIGHT: 2px; LETTER-SPACING: 1px
}
.posted A:hover {
COLOR: #fd5554
}
.extended {
TEXT-ALIGN: right
}
.NextPage {
LEFT: 30px; POSITION: absolute; TOP: 20px
}
A.more {
MARGIN-TOP: 25px; DISPLAY: block; MARGIN-LEFT: 340px; WIDTH: 75px
}
.category {

}
BR {
LETTER-SPACING: 0px
}
.comments-body {
BORDER-RIGHT: #fd5554 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fd5554 1px solid; PADDING-LEFT: 8px; BACKGROUND: #ffffff; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 10px; BORDER-LEFT: #fd5554 1px solid; WIDTH: 400px; COLOR: #fd5554; LINE-HEIGHT: 12pt; PADDING-TOP: 8px; BORDER-BOTTOM: #fd5554 1px solid
}
.comments-body BR {
LETTER-SPACING: 1px
}
.commentTitle {
DISPLAY: block; FONT-SIZE: 0px; PADDING-BOTTOM: 20px; COLOR: #ffffff
}
.commentTitle BR {
DISPLAY: none
}
.comments-post {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #fd5554; PADDING-TOP: 10px; TEXT-ALIGN: right
}
.comments-post A {
BACKGROUND: #fd5554
}
.comments-post A:hover {
BACKGROUND: #fd5554
}
.comments-post IMG {
FILTER: Alpha(opacity=0); MARGIN: 0px 2px 0px 3px; VERTICAL-ALIGN: middle; WIDTH: 8px; HEIGHT: 8px
}
.commentTitle A {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; WIDTH: 65px; COLOR: #fd5554; PADDING-TOP: 2px
}
.commentTitle A:hover {
COLOR: #fd5554
}
.comments-head {
FONT-WEIGHT: normal
}
.comments-body FORM TEXTAREA {
BACKGROUND: #ffffff; WIDTH: 400px! important; COLOR: #fd5554; HEIGHT: 100px! important
}
TEXTAREA {
BORDER-RIGHT: #fd5554 1px solid; BORDER-TOP: #fd5554 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #fd5554 1px solid; BORDER-BOTTOM: #fd5554 1px solid; FONT-FAMILY: verdana
}
#AuthImg IMG {

}
INPUT#trackback_url {
BORDER-TOP-WIDTH: 0px! important; BORDER-LEFT-WIDTH: 0px! important; BORDER-BOTTOM-WIDTH: 0px! important; BORDER-RIGHT-WIDTH: 0px! important
}
INPUT.trackback_url {
FONT-SIZE: 10px! important; FONT-FAMILY: VERDANA
}
.commentText {
COLOR: #fd5554
}
.sidetitle {
BACKGROUND-POSITION: center top; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: x-small; BORDER-LEFT-COLOR: transparent; BACKGROUND-IMAGE: none; COLOR: #ff3300; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; BORDER-LEFT-STYLE: none; LETTER-SPACING: 1pt; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.side {
BACKGROUND-POSITION: center top; MARGIN-TOP: 10px; PADDING-LEFT: 10px; BACKGROUND-IMAGE: none; MARGIN-BOTTOM: 10px; COLOR: #ff1515; LINE-HEIGHT: 11pt; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.side A {
COLOR: #ff1515; TEXT-DECORATION: none
}
.side A:hover {
COLOR: #ffffff; TEXT-DECORATION: none
}
DIV.calendar {
COLOR: #fd5554; PADDING-TOP: 5px
}
TD SPAN.calendar {
DISPLAY: block; WIDTH: 18px; LINE-HEIGHT: 18px
}
TD SPAN.calendar A {
DISPLAY: block; BACKGROUND: #ffffff; FILTER: alpha(opacity=50); WIDTH: 18px; COLOR: #000000; LINE-HEIGHT: 18px; TEXT-ALIGN: center
}
TD SPAN.calendar A:hover {
COLOR: #ffffff
}
SPAN.calendar A {
WIDTH: 18px! important; COLOR: #fd5554; LINE-HEIGHT: 18px; TEXT-ALIGN: center; diplay: block
}
.calendar A:hover {
BACKGROUND: #fd5554; COLOR: #ffffff
}
#boxProfile {

}
.boxNewArticle1 {

}
#boxNewArticle {

}
.boxNewArticle1 {

}
#boxNewArticle .side A {

}
#boxNewArticle .boxNewArticle1 .side A:hover {

}
.boxNewComment0 {

}
#boxNewComment .boxNewComment1 .side {
FONT-SIZE: 5px; COLOR: #ffffff
}
#boxNewComment .boxNewComment1 .side A {
DISPLAY: block; FONT-SIZE: 10px; COLOR: #fd5554; TEXT-ALIGN: left
}
#boxNewComment .boxNewComment1 .side A:hover {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.boxNewComment1 .side IMG {

}
#boxCounter {

}
INPUT {
BORDER-RIGHT: #fd5554 1px solid; BORDER-TOP: #fd5554 1px solid; FONT-SIZE: 10px; BACKGROUND: #ffffff; BORDER-LEFT: #fd5554 1px solid; COLOR: #fd5554; BORDER-BOTTOM: #fd5554 1px solid; FONT-FAMILY: VERDANA
}
SELECT {
BORDER-RIGHT: #fd5554 1px solid; BORDER-TOP: #fd5554 1px solid; FONT-SIZE: 10px; BACKGROUND: #ffffff; BORDER-LEFT: #fd5554 1px solid; COLOR: #fd5554; BORDER-BOTTOM: #fd5554 1px solid; FONT-FAMILY: VERDANA
}
.innertext {
PADDING-LEFT: 15px; COLOR: #ff9900; LETTER-SPACING: 1pt
}
.powered {
MARGIN-LEFT: 10px; COLOR: #fd5554
}
.boxNewComment0 .sidetitle A {
DISPLAY: none
}
.side A {
FONT-WEIGHT: normal
}
.innertext A {
FONT-WEIGHT: normal
}
#AuthImg A {
FONT-WEIGHT: normal
}
.posted A {
FONT-WEIGHT: normal
}
#AuthImg IMG {
DISPLAY: none
}
.posted IMG {
DISPLAY: none
}
.title IMG {
FILTER: gray Alpha(opacity=95 style=3)
}
.syndicate {
DISPLAY: none
}
.powered IMG {
VISIBILITY: hidden; WIDTH: 0px; HEIGHT: 0px
}
H3 {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #fd5554; FONT-FAMILY: VERDANA
}
A:link {
COLOR: #ff0099
}
A:visited {
COLOR: #ff0099
}
A:active {
COLOR: #ff0099
}
#banner A {
FONT-SIZE: medium; COLOR: #6633ff; POSITION: absolute; TOP: 70px; content:
}
#banner A:link {
FONT-SIZE: medium; COLOR: #6633ff
}
#banner A:visited {
FONT-SIZE: medium; COLOR: #6633ff
}
#banner A:active {
FONT-SIZE: medium; COLOR: #6633ff
}
#banner A:hover {
FONT-SIZE: x-small
}
.title {
FONT-WEIGHT: bold; FONT-SIZE: medium; COLOR: #6633ff; FONT-STYLE: normal; BACKGROUND-COLOR: transparent
}
.articletext {
BORDER-TOP-WIDTH: 1px; BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: none; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #ff0099; BORDER-TOP-COLOR: #000000; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent
}
#boxDate {
DISPLAY: none
}
#boxSearch {
DISPLAY: none
}
#scupioSearch {
DISPLAY: none
}
.boxCategory1 .side {
PADDING-LEFT: 10px; LINE-HEIGHT: 15pt; TEXT-ALIGN: left
}
#boxCategory A IMG {
DISPLAY: none
}
#boxCategory A {
PADDING-LEFT: 15px; BACKGROUND: url(http://f5.wretch.yimg.com/missid/8/1060259612.jpg) no-repeat left top
}
#boxNewComment .side {
FONT-SIZE: 0px! important
}
#boxNewComment .side A {
MARGIN-BOTTOM: -10px
}
#SlidePicTitle {
FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: VERDANA
}
#boxCounter {
LEFT: -230px; POSITION: absolute; TOP: 580px
}
#boxCounter .side {
COLOR: #fd5554! important
}
#boxCounter .sidetitle {
DISPLAY: none
}
#boxCounter .side BR {
DISPLAY: none
}
SELECT#friendlist {
LEFT: 235px; POSITION: absolute; TOP: 100px
}
#boxCategory .boxCategory1 .side DIV A {
BACKGROUND: none transparent scroll repeat 0% 0%
}
#boxCategory .boxCategory1 .side DIV A {
MARGIN-LEFT: -20px
}
.articletext TABLE {
COLOR: #fd5554
}
TEXTAREA#text {
FONT-SIZE: 10px; FONT-FAMILY: VERDANA
}
BODY {
CURSOR: url('http://www.chinesefreewebs.com/mickey1995/888888.ani')
}
A:hover {
CURSOR: url('http://www.chinesefreewebs.com/mickey1995/888888.ani')
}
#container2 {

}
.comments-body #text {
BACKGROUND: url(http://photo.twbbs.net.tw/0099/3924/3505/20070201144713.jpg); FILTER: alpha(opacity=100)
}
.extended A {
COLOR: #fd5554
}
.innertext P {
COLOR: #ff2a2a
}
#blogCategory SPAN {
COLOR: #ff1515
}
.boxMySpaceImg {

}
#blogCategory A {
COLOR: #ff7f7f
}
#linkMypage {
COLOR: #ff1515
}
#service LI {
COLOR: #fd5554
}
#linkVideo {
COLOR: #ff1515
}
#buttonNext {
BORDER-LEFT-COLOR: #ff5555; BORDER-BOTTOM-COLOR: #ff5555; COLOR: #ff9494; BORDER-TOP-COLOR: #ff5555; BORDER-RIGHT-COLOR: #ff5555
}
#buttonPrev {
BORDER-LEFT-COLOR: #ff5555; BORDER-BOTTOM-COLOR: #ff5555; COLOR: #ff9494; BORDER-TOP-COLOR: #ff5555; BORDER-RIGHT-COLOR: #ff5555
}
#buttonPlayPause {
BORDER-LEFT-COLOR: #ff5555; BORDER-BOTTOM-COLOR: #ff5555; COLOR: #ff9494; BORDER-TOP-COLOR: #ff5555; BORDER-RIGHT-COLOR: #ff5555
}
#linkAlbum {
COLOR: #ff1515
}
#linkBlog {
COLOR: #ff1515
}
#linkGbook {
COLOR: #ff1515
}
#linkUser {
COLOR: #ff1515
}
#linkFriend {
COLOR: #ff1515
}
#link_addfriend {
COLOR: #ff1515
}
#link_gift {
COLOR: #ff1515
}
.sidetitle A {
COLOR: #fd5554
}
#friendlist {
Z-INDEX: 5; LEFT: -70px; COLOR: #ff1515; POSITION: fixed
}
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 ♥圓圓,開心笑♥ 的頭像
    ♥圓圓,開心笑♥

    ♥星空,海風,浪花♥

    ♥圓圓,開心笑♥ 發表在 痞客邦 留言(121) 人氣()