噢噢,感覺好久沒發樣式的說。我知道自己的功力還不夠成熟,所以請大家予以指教,謝謝。
網誌與相簿皆可預覽樣式,請點我進入相簿
噢,還有啊!最近覺得派大星很可愛所以我把它放進去了(是動態的唷)。不過,我身邊有很多人說我是神經病!所以,不喜歡的人,我有另外放沒有派大星的CSS唷=)以下是樣式預覽,希望大家喜歡。
以下是有派大星的CSS語法。
HTML {
SCROLLBAR-FACE-COLOR:#eee;SCROLLBAR-HIGHLIGHT-COLOR:#fff;SCROLLBAR-SHADOW-COLOR:#fff;SCROLLBAR-3DLIGHT-COLOR:#fff;SCROLLBAR-ARROW-COLOR:#ccc;SCROLLBAR-TRACK-COLOR:#fff;SCROLLBAR-DARKSHADOW-COLOR:#fff;}
BODY {
BORDER-RIGHT:#eee 10px solid;BORDER-TOP:#eee 10px solid;FONT-SIZE:7pt;BACKGROUND:url(http://f9.wretch.yimg.com/asweet1314/38/1289856448.jpg) #ffffff no-repeat center top;OVERFLOW-X:hidden;MARGIN-BOTTOM:110px;BORDER-LEFT:#eee 10px solid;COLOR:#333;BORDER-BOTTOM:#eee 10px solid;FONT-FAMILY:verdana;}
A {
FONT-WEIGHT:normal;FONT-SIZE:7pt;COLOR:#333;FONT-FAMILY:verdana;LETTER-SPACING:1px;TEXT-DECORATION:none;}
A:hover {
FONT-WEIGHT:normal;FONT-SIZE:7pt;COLOR:#848484;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
TEXTAREA {
BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#eee 1px solid;}
#banner {
MARGIN-TOP:10px;MARGIN-BOTTOM:30px;}
#banner A:link {
FONT-WEIGHT:normal;FONT-SIZE:7pt;COLOR:#333;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
#banner A {
FONT-WEIGHT:normal;FONT-SIZE:20pt;COLOR:#333;FONT-FAMILY:SimHei;TEXT-DECORATION:none;}
#banner A:hover {
FONT-WEIGHT:normal;FONT-SIZE:20pt;COLOR:#848484;FONT-FAMILY:SimHei;TEXT-DECORATION:none;}
.description {
BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:6px;BORDER-TOP:#eee 1px solid;MARGIN-TOP:10px;OVERFLOW-Y:auto;PADDING-LEFT:6px;SCROLLBAR-FACE-COLOR:#eee;FONT-WEIGHT:normal;FONT-SIZE:7pt;BACKGROUND:#eee;PADDING-BOTTOM:6px;SCROLLBAR-HIGHLIGHT-COLOR:#eee;BORDER-LEFT:#eee 1px solid;SCROLLBAR-SHADOW-COLOR:#eee;COLOR:#333;SCROLLBAR-3DLIGHT-COLOR:#eee;SCROLLBAR-ARROW-COLOR:#848484;PADDING-TOP:6px;SCROLLBAR-TRACK-COLOR:#eee;BORDER-BOTTOM:#eee 1px solid;FONT-FAMILY:verdana;SCROLLBAR-DARKSHADOW-COLOR:#eee;LETTER-SPACING:1px;HEIGHT:25px;}
.description A {
COLOR:#333;}
.description A:hover {
COLOR:#848484;}
INPUT {
BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;FONT-SIZE:7pt;BACKGROUND:#eee;MARGIN-BOTTOM:5px;BORDER-LEFT:#eee 1px solid;COLOR:#333;BORDER-BOTTOM:#eee 1px solid;FONT-FAMILY:verdana;}
.side INPUT {
BORDER-RIGHT:#eee 2px solid;BORDER-TOP:#eee 2px solid;FONT-SIZE:7pt;BACKGROUND:#eee;BORDER-LEFT:#eee 2px solid;COLOR:#333;BORDER-BOTTOM:#eee 2px solid;FONT-FAMILY:verdana;}
.small-a {
RIGHT:50px;FONT:0pt verdana;POSITION:absolute;TOP:70px;}
.small-a A {
PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:#eee;MARGIN-BOTTOM:2px;PADDING-BOTTOM:5px;WIDTH:70px;LINE-HEIGHT:13pt;PADDING-TOP:5px;FONT-FAMILY:important;TEXT-ALIGN:center;}
.small-a A:hover {
BACKGROUND:#d9d9d9;COLOR:#333;}
FONT.small-c STRONG {
RIGHT:0px;WIDTH:170px;COLOR:#848484;POSITION:absolute;TOP:40px;}
FONT.small-c STRONG SPAN {
FONT-SIZE:7pt;FONT-FAMILY:verdana;}
.normal-a {
FONT:7pt verdana;}
.normal-a A {
FONT:7pt verdana;}
.small-e {
FONT-WEIGHT:normal;}
.small-c {
FONT:7pt verdana;}
.small-c SELECT#category {
DISPLAY:none;}
.sidetitle A.small-c {
}
B FONT.small-c A {
BORDER-RIGHT:#fff 1px solid;PADDING-RIGHT:3px;BORDER-TOP:#fff 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:4px;BORDER-LEFT:#fff 1px solid;WIDTH:130px;PADDING-TOP:8px;BORDER-BOTTOM:#fff 1px solid;LETTER-SPACING:1px;HEIGHT:30px;BACKGROUND-COLOR:#fff;}
B FONT.small-c A:hover {
BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#eee 1px solid;BACKGROUND-COLOR:#eee;}
FONT.normal-c B {
FONT-WEIGHT:normal;FONT-SIZE:7pt;COLOR:#333;FONT-FAMILY:verdana;}
.side .small-c {
DISPLAY:none;}
#category {
DISPLAY:none;}
#MySpace {
LEFT:5px;WIDTH:60px;POSITION:absolute;TOP:108px;}
#MySpace A {
BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:7px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:7px;FONT-SIZE:7pt;BACKGROUND:#eee;MARGIN-BOTTOM:4px;PADDING-BOTTOM:7px;BORDER-LEFT:#eee 1px solid;WIDTH:65px;COLOR:#333;PADDING-TOP:7px;BORDER-BOTTOM:#eee 1px solid;FONT-FAMILY:verdana;TEXT-ALIGN:center;}
#MySpace A:hover {
BORDER-RIGHT:#d9d9d9 1px solid;BORDER-TOP:#d9d9d9 1px solid;BACKGROUND:#d9d9d9;BORDER-LEFT:#d9d9d9 1px solid;COLOR:#333;BORDER-BOTTOM:#d9d9d9 1px solid;}
#linkMypage {
}
#linkVideo {
}
.small-c#MySpace SPAN {
DISPLAY:none;}
TD.sidetitle DIV.small-c {
FONT:0px verdana;COLOR:#fff;}
SELECT#friendlist {
BACKGROUND:#fff;LEFT:0px;CLIP:rect(2px 78px 16px 2px);COLOR:#333;FONT-FAMILY:Verdana;POSITION:absolute;TOP:80px;}
#body_show P A {
}
A:link {
FONT:7pt verdana;COLOR:#333;TEXT-DECORATION:none;}
A:visited {
FONT:7pt verdana;COLOR:#333;TEXT-DECORATION:none;}
A:active {
FONT:7pt verdana;COLOR:#333;TEXT-DECORATION:none;}
TD {
FONT:7pt verdana;COLOR:#333;}
FONT {
FONT:7pt verdana;COLOR:#333;}
.normal-a {
FONT:7pt verdana;COLOR:#333;}
.normal-a A {
FONT:7pt verdana;COLOR:#333;}
.normal-c {
FONT:7pt verdana;COLOR:#333;}
TABLE {
FONT:7pt verdana;COLOR:#333;}
P {
}
HR {
}
.syndicate {
}
B FONT.small-c A IMG {
DISPLAY:none;}
.side {
BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;BACKGROUND:#fff;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#eee 1px solid;}
.side A IMG {
FILTER:alpha(opacity=100);}
.side A:hover IMG {
FILTER:alpha(opacity=75);}
#DisplayImage {
BORDER-RIGHT:#eee 5px solid;BORDER-TOP:#eee 5px solid;BACKGROUND:#fff;BORDER-LEFT:#eee 5px solid;BORDER-BOTTOM:#eee 5px solid;}
#DisplayDesc {
FONT-WEIGHT:normal;FONT-SIZE:7pt;FONT-FAMILY:verdana;}
#DisplayTitle {
FONT:7pt verdana;}
#DisplayDesc {
FONT:7pt verdana;}
B FONT.small-c {
COLOR:#333;LETTER-SPACING:1px;}
B FONT.small-c A {
MARGIN-BOTTOM:5px;}
B FONT.small-c IMG A {
MARGIN-BOTTOM:5px;}
A {
COLOR:#cccccc;}
A:link {
COLOR:#cccccc;}
A:visited {
COLOR:#cccccc;}
A:active {
COLOR:#cccccc;}
A {
COLOR:#ffffff;}
A:link {
COLOR:#ffffff;}
A:visited {
COLOR:#ffffff;}
A:active {
COLOR:#ffffff;}
A {
COLOR:#000000;}
A:link {
COLOR:#000000;}
A:visited {
COLOR:#000000;}
A:active {
COLOR:#000000;}
*************以下是沒有派大星的CSS語法********************
HTML {
SCROLLBAR-FACE-COLOR:#eee;SCROLLBAR-HIGHLIGHT-COLOR:#fff;SCROLLBAR-SHADOW-COLOR:#fff;SCROLLBAR-3DLIGHT-COLOR:#fff;SCROLLBAR-ARROW-COLOR:#ccc;SCROLLBAR-TRACK-COLOR:#fff;SCROLLBAR-DARKSHADOW-COLOR:#fff;}
BODY {
BORDER-RIGHT:#eee 10px solid;BORDER-TOP:#eee 10px solid;FONT-SIZE:7pt;BACKGROUND:url() #ffffff no-repeat center top;OVERFLOW-X:hidden;MARGIN-BOTTOM:110px;BORDER-LEFT:#eee 10px solid;COLOR:#333;BORDER-BOTTOM:#eee 10px solid;FONT-FAMILY:verdana;}
A {
FONT-WEIGHT:normal;FONT-SIZE:7pt;COLOR:#333;FONT-FAMILY:verdana;LETTER-SPACING:1px;TEXT-DECORATION:none;}
A:hover {
FONT-WEIGHT:normal;FONT-SIZE:7pt;COLOR:#848484;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
TEXTAREA {
BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#eee 1px solid;}
#banner {
MARGIN-TOP:10px;MARGIN-BOTTOM:30px;}
#banner A:link {
FONT-WEIGHT:normal;FONT-SIZE:7pt;COLOR:#333;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
#banner A {
FONT-WEIGHT:normal;FONT-SIZE:20pt;COLOR:#333;FONT-FAMILY:SimHei;TEXT-DECORATION:none;}
#banner A:hover {
FONT-WEIGHT:normal;FONT-SIZE:20pt;COLOR:#848484;FONT-FAMILY:SimHei;TEXT-DECORATION:none;}
.description {
BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:6px;BORDER-TOP:#eee 1px solid;MARGIN-TOP:10px;OVERFLOW-Y:auto;PADDING-LEFT:6px;SCROLLBAR-FACE-COLOR:#eee;FONT-WEIGHT:normal;FONT-SIZE:7pt;BACKGROUND:#eee;PADDING-BOTTOM:6px;SCROLLBAR-HIGHLIGHT-COLOR:#eee;BORDER-LEFT:#eee 1px solid;SCROLLBAR-SHADOW-COLOR:#eee;COLOR:#333;SCROLLBAR-3DLIGHT-COLOR:#eee;SCROLLBAR-ARROW-COLOR:#848484;PADDING-TOP:6px;SCROLLBAR-TRACK-COLOR:#eee;BORDER-BOTTOM:#eee 1px solid;FONT-FAMILY:verdana;SCROLLBAR-DARKSHADOW-COLOR:#eee;LETTER-SPACING:1px;HEIGHT:25px;}
.description A {
COLOR:#333;}
.description A:hover {
COLOR:#848484;}
INPUT {
BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;FONT-SIZE:7pt;BACKGROUND:#eee;MARGIN-BOTTOM:5px;BORDER-LEFT:#eee 1px solid;COLOR:#333;BORDER-BOTTOM:#eee 1px solid;FONT-FAMILY:verdana;}
.side INPUT {
BORDER-RIGHT:#eee 2px solid;BORDER-TOP:#eee 2px solid;FONT-SIZE:7pt;BACKGROUND:#eee;BORDER-LEFT:#eee 2px solid;COLOR:#333;BORDER-BOTTOM:#eee 2px solid;FONT-FAMILY:verdana;}
.small-a {
RIGHT:50px;FONT:0pt verdana;POSITION:absolute;TOP:70px;}
.small-a A {
PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:#eee;MARGIN-BOTTOM:2px;PADDING-BOTTOM:5px;WIDTH:70px;LINE-HEIGHT:13pt;PADDING-TOP:5px;FONT-FAMILY:important;TEXT-ALIGN:center;}
.small-a A:hover {
BACKGROUND:#d9d9d9;COLOR:#333;}
FONT.small-c STRONG {
RIGHT:0px;WIDTH:170px;COLOR:#848484;POSITION:absolute;TOP:40px;}
FONT.small-c STRONG SPAN {
FONT-SIZE:7pt;FONT-FAMILY:verdana;}
.normal-a {
FONT:7pt verdana;}
.normal-a A {
FONT:7pt verdana;}
.small-e {
FONT-WEIGHT:normal;}
.small-c {
FONT:7pt verdana;}
.small-c SELECT#category {
DISPLAY:none;}
.sidetitle A.small-c {
}
B FONT.small-c A {
BORDER-RIGHT:#fff 1px solid;PADDING-RIGHT:3px;BORDER-TOP:#fff 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:4px;BORDER-LEFT:#fff 1px solid;WIDTH:130px;PADDING-TOP:8px;BORDER-BOTTOM:#fff 1px solid;LETTER-SPACING:1px;HEIGHT:30px;BACKGROUND-COLOR:#fff;}
B FONT.small-c A:hover {
BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#eee 1px solid;BACKGROUND-COLOR:#eee;}
FONT.normal-c B {
FONT-WEIGHT:normal;FONT-SIZE:7pt;COLOR:#333;FONT-FAMILY:verdana;}
.side .small-c {
DISPLAY:none;}
#category {
DISPLAY:none;}
#MySpace {
LEFT:5px;WIDTH:60px;POSITION:absolute;TOP:108px;}
#MySpace A {
BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:7px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:7px;FONT-SIZE:7pt;BACKGROUND:#eee;MARGIN-BOTTOM:4px;PADDING-BOTTOM:7px;BORDER-LEFT:#eee 1px solid;WIDTH:65px;COLOR:#333;PADDING-TOP:7px;BORDER-BOTTOM:#eee 1px solid;FONT-FAMILY:verdana;TEXT-ALIGN:center;}
#MySpace A:hover {
BORDER-RIGHT:#d9d9d9 1px solid;BORDER-TOP:#d9d9d9 1px solid;BACKGROUND:#d9d9d9;BORDER-LEFT:#d9d9d9 1px solid;COLOR:#333;BORDER-BOTTOM:#d9d9d9 1px solid;}
#linkMypage {
}
#linkVideo {
}
.small-c#MySpace SPAN {
DISPLAY:none;}
TD.sidetitle DIV.small-c {
FONT:0px verdana;COLOR:#fff;}
SELECT#friendlist {
BACKGROUND:#fff;LEFT:0px;CLIP:rect(2px 78px 16px 2px);COLOR:#333;FONT-FAMILY:Verdana;POSITION:absolute;TOP:80px;}
#body_show P A {
}
A:link {
FONT:7pt verdana;COLOR:#333;TEXT-DECORATION:none;}
A:visited {
FONT:7pt verdana;COLOR:#333;TEXT-DECORATION:none;}
A:active {
FONT:7pt verdana;COLOR:#333;TEXT-DECORATION:none;}
TD {
FONT:7pt verdana;COLOR:#333;}
FONT {
FONT:7pt verdana;COLOR:#333;}
.normal-a {
FONT:7pt verdana;COLOR:#333;}
.normal-a A {
FONT:7pt verdana;COLOR:#333;}
.normal-c {
FONT:7pt verdana;COLOR:#333;}
TABLE {
FONT:7pt verdana;COLOR:#333;}
P {
}
HR {
}
.syndicate {
}
B FONT.small-c A IMG {
DISPLAY:none;}
.side {
BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;BACKGROUND:#fff;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#eee 1px solid;}
.side A IMG {
FILTER:alpha(opacity=100);}
.side A:hover IMG {
FILTER:alpha(opacity=75);}
#DisplayImage {
BORDER-RIGHT:#eee 5px solid;BORDER-TOP:#eee 5px solid;BACKGROUND:#fff;BORDER-LEFT:#eee 5px solid;BORDER-BOTTOM:#eee 5px solid;}
#DisplayDesc {
FONT-WEIGHT:normal;FONT-SIZE:7pt;FONT-FAMILY:verdana;}
#DisplayTitle {
FONT:7pt verdana;}
#DisplayDesc {
FONT:7pt verdana;}
B FONT.small-c {
COLOR:#333;LETTER-SPACING:1px;}
B FONT.small-c A {
MARGIN-BOTTOM:5px;}
B FONT.small-c IMG A {
MARGIN-BOTTOM:5px;}
A {
COLOR:#cccccc;}
A:link {
COLOR:#cccccc;}
A:visited {
COLOR:#cccccc;}
A:active {
COLOR:#cccccc;}
A {
COLOR:#ffffff;}
A:link {
COLOR:#ffffff;}
A:visited {
COLOR:#ffffff;}
A:active {
COLOR:#ffffff;}
A {
COLOR:#000000;}
A:link {
COLOR:#000000;}
A:visited {
COLOR:#000000;}
A:active {
COLOR:#000000;}
拿走請務必回應!
喜歡大家喜歡,祝使用愉快。=)
留言列表