close
文章裡有樣式可預覽。
或到相簿裡還有更多樣式^^
歡迎預覽。
喜歡就帶走吧,謝謝你悶。=)
記得回覆覆覆。
樣式預覽
開始複製↓
HTML {
SCROLLBAR-FACE-COLOR: #ffffff; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #b3b3b3; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff
}
#text {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; SCROLLBAR-FACE-COLOR: #ffffff; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 10px; BACKGROUND: #ffffff; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #aaaaaa; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #000000; FONT-FAMILY: verdana,arial; SCROLLBAR-DARKSHADOW-COLOR: #000000; BORDER-RIGHT-WIDTH: 0px
}
BODY {
MARGIN-TOP: 10px; BACKGROUND: url(http://f5.wretch.yimg.com/purple710/31/1152338379.jpg) #ffffff fixed no-repeat right center; MARGIN-LEFT: -300px; CURSOR: url(''http://benz.nchu.edu.tw/~s9163030/cssmouse3.cur''); COLOR: #000000; FONT-FAMILY: arial
}
A {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A:hover {
FONT-WEIGHT: bold; CURSOR: crosshair; COLOR: #ff0000; TEXT-DECORATION: none
}
INPUT {
BORDER-RIGHT: #666 0px solid; BORDER-TOP: #666 0px solid; FONT-SIZE: 10px; BACKGROUND: #000000; BORDER-LEFT: #666 0px solid; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #666 0px solid; FONT-FAMILY: verdana, arial
}
#container1 {
BACKGROUND-POSITION-X: right; BACKGROUND-IMAGE: none; MARGIN: 0px auto; WIDTH: 690px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; BACKGROUND-COLOR: transparent
}
#container2 {
}
#banner {
FONT-WEIGHT: normal; BACKGROUND: no-repeat left bottom; FONT-STYLE: normal; HEIGHT: 50px
}
#pageheader {
HEIGHT: 64px
}
#pageheader H1 A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 0.6em; LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 430px; COLOR: #cc3300; PADDING-TOP: 20px; POSITION: absolute; TOP: 0px; HEIGHT: 44px; TEXT-DECORATION: none
}
#pageheader .description {
FONT-SIZE: 12px; RIGHT: 5px; POSITION: absolute; TOP: 40px
}
#pageheader #description2 .description {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; RIGHT: 5px; PADDING-BOTTOM: 0px; WIDTH: 730px; COLOR: #ffffff; PADDING-TOP: 0px; FONT-FAMILY: arial; POSITION: absolute; TOP: 55px; TEXT-ALIGN: right
}
#main2 {
OVERFLOW: hidden; HEIGHT: 450px
}
#content {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; FLOAT: right; BACKGROUND-IMAGE: none; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #000000 2px solid; WIDTH: 450px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 440px; BACKGROUND-COLOR: transparent
}
.date {
MARGIN-TOP: 10px; PADDING-LEFT: 18px; FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #666666 no-repeat center center; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; TEXT-TRANSFORM: uppercase; COLOR: #cccccc; BORDER-TOP-STYLE: none; FONT-STYLE: normal; FONT-FAMILY: verdana; LETTER-SPACING: -0.1em; HEIGHT: 0px; TEXT-ALIGN: left
}
.datediv {
BACKGROUND-IMAGE: none
}
.blogbody {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.blogbody2 {
}
.articletext {
BACKGROUND-POSITION: center bottom; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #000000; BACKGROUND-IMAGE: none; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-STYLE: none; BACKGROUND-REPEAT: no-repeat; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000
}
.articletext .title {
MARGIN-TOP: 0px; PADDING-LEFT: 18px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: verdana
}
.articletext .innertext {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 170%; PADDING-TOP: 10px; FONT-FAMILY: arial
}
.articletext .extended {
PADDING-RIGHT: 10px; FONT-SIZE: 10px; MARGIN: 0px; FONT-FAMILY: arial; TEXT-ALIGN: right
}
.posted {
PADDING-RIGHT: 10px; BACKGROUND-POSITION: right bottom; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: x-small; BORDER-LEFT-COLOR: #000000; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: uppercase; COLOR: #ff0000; BORDER-BOTTOM: #000000 1px dashed; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; FONT-FAMILY: arial; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000
}
.trackback-url {
PADDING-BOTTOM: 10px
}
.total-comments-div {
MARGIN-TOP: 0px; FONT-SIZE: 10px; BACKGROUND: #ffffff; PADDING-TOP: 10px; FONT-FAMILY: arial
}
.total-comments-div .trackbacks-head {
}
.total-comments-div .trackbacks-head .comments-head {
BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 7px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 7px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #ffffff 1px solid
}
.total-comments-div .comments-head {
BORDER-TOP: #000000 1px solid; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; PADDING-TOP: 10px; FONT-FAMILY: arial
}
.total-comments-div .comments-bottom .comments-head {
BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 14px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #ff4f4d; PADDING-TOP: 10px; FONT-FAMILY: arial; BORDER-RIGHT-WIDTH: 0px
}
.total-comments-div .comments-body {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.total-comments-div .comments-body .comments-post {
TEXT-TRANSFORM: uppercase; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px dotted; HEIGHT: 20px; TEXT-ALIGN: right
}
.total-comments-div .comments-body FORM {
}
.total-comments-div .comments-body FORM IMG {
DISPLAY: none
}
.comments-post IMG {
VISIBILITY: hidden; WIDTH: 17px
}
.postuser:hover {
}
.postemail {
BACKGROUND: no-repeat 50% 80%
}
.postemail:hover {
}
.postweb {
BACKGROUND: no-repeat 50% 90%
}
.postweb:hover {
}
#text {
WIDTH: 400px
}
#links {
BORDER-RIGHT: #000000 2px solid; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; FLOAT: right; BACKGROUND-IMAGE: none; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #000000 2px solid; WIDTH: 220px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 440px; BACKGROUND-COLOR: #ffffff
}
#links2 {
}
.sidetitle {
BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 10px; BACKGROUND-POSITION: left top; PADDING-LEFT: 18px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: x-small; BORDER-LEFT-COLOR: #ff00cc; BACKGROUND-IMAGE: none; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cc00cc; COLOR: #000000; BORDER-TOP-COLOR: #9900cc; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; FONT-FAMILY: arial; HEIGHT: 23px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #6600cc
}
.side {
BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 10px; PADDING-LEFT: 15px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-LEFT-COLOR: #000000; BACKGROUND-IMAGE: none; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; PADDING-BOTTOM: 10px; BORDER-TOP-COLOR: #000000; LINE-HEIGHT: 170%; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: arial; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000
}
.calendar {
FONT-WEIGHT: normal; FONT-SIZE: 10px; BACKGROUND: #ffffff; MARGIN-BOTTOM: 10px; WIDTH: 200px; FONT-FAMILY: verdana,arial
}
.calendartable {
BACKGROUND: #000000
}
.calendarhead {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial
}
.calendarhead A {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial
}
.calendarweek {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial
}
#boxProfile {
}
#boxProfile .boxProfile0 {
}
#boxProfile .boxProfile0 .sidetitle {
}
#boxProfile .boxProfile1 {
}
#boxProfile .boxProfile1 .side {
}
#boxProfile .boxProfile1 .side A {
}
#boxProfile .boxProfile1 .side .boxProfileImg {
DISPLAY: none
}
#boxProfile .boxProfile1 .side SELECT {
DISPLAY: none
}
#boxSlideShow {
DISPLAY: block
}
#boxSlideShow .boxSlideShow0 {
}
#boxSlideShow .boxSlideShow0 .sidetitle {
}
#boxSlideShow .boxSlideShow1 {
}
#boxSlideShow .boxSlideShow1 .side {
}
#SlidePicTitle {
WIDTH: 100px
}
#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 {
DISPLAY: none
}
#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 .powerlogo IMG {
DISPLAY: none
}
.powered .powerlogo {
DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 109px; HEIGHT: 45px
}
.powered A:hover {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.total-comments-div .powered {
}
.total-comments-div .powered IMG {
HEIGHT: 1px
}
#footer {
BACKGROUND: #cccccc repeat-y center bottom
}
#banner A {
FONT-SIZE: medium; COLOR: #000000
}
#banner A:link {
FONT-SIZE: medium; COLOR: #000000
}
#banner A:visited {
FONT-SIZE: medium; COLOR: #000000
}
#banner A:active {
FONT-SIZE: medium; COLOR: #000000
}
#banner A:hover {
FONT-SIZE: x-small; COLOR: #000000
}
.description {
FONT-WEIGHT: normal; FONT-SIZE: x-small; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: transparent
}
#boxDate {
DISPLAY: none
}
#scupioSearch {
DISPLAY: none
}
.title {
FONT-WEIGHT: bold; FONT-SIZE: medium; COLOR: #ff0000; FONT-STYLE: normal
}
.total-comments-div .trackback-url {
BACKGROUND: url(http://counter.nsysu.edu.tw/Count.cgi?dd=15) no-repeat right bottom
}
.innertext {
COLOR: #ff0000
}
結束。謝謝你悶^^
全站熱搜
留言列表