[css樣式分享]黑白簡單風
[css樣式分享]黑白簡單風

猴子是 誰來我家
會動

語法↓
BODY {
margin:0px;
FONT-FAMILY:verdana;}
A {
COLOR:#aaaaaa;
text-decoration:none;}
A:link {
COLOR:#aaaaaa;}
A:hover {
COLOR:#FF1C19;}
/* container
-----------------------------------------*/
#container1 {
WIDTH:800px;
POSITION:relative;
BACKGROUND:transparent;
MARGIN:0px auto;}
/* banner and pageheader
-----------------------------------------*/
#banner {
BACKGROUND:#eeeeee;
BORDER:0px;
text-align:center;}
#pageheader h1 a {
PADDING-LEFT:10px;
font-weight:bold;
FONT-SIZE:20px;
text-decoration:none;
COLOR:#aaaaaa;}
#pageheader h1 a:hover {
COLOR:#000000;}
.description {
FONT-SIZE:12px;
font-weight:normal;
COLOR:#aaaaaa;
BACKGROUND-COLOR:transparent;}
INPUT {
BACKGROUND:#aaaaaa;
BORDER:#ffffff 1px solid;
FONT-SIZE:7pt;
color:#ffffff;
padding:2px;}
/* main
-----------------------------------------*/
#main2 {}
/* content
-----------------------------------------*/
#content {
FLOAT:left;
margin-left:0px;
margin-top:50px;
margin-bottom:50px;
WIDTH:550px;
BACKGROUND:#eeeeee no-repeat;}
.date {
BORDER:#cccccc 1px solid;
margin:5px;
padding:5px;
font-weight:normal;
FONT-SIZE:11px;
COLOR:#aaaaaa;
BACKGROUND:#dddddd;
TEXT-ALIGN:right;}
.blogbody {
PADDING:15px;
MARGIN-BOTTOM:15px;}
.title {
PADDING-LEFT:10px;
font-weight:bold;
FONT-SIZE:14px;
COLOR:#aaaaaa;}
.innertext {
PADDING-LEFT:5px;
font-weight:normal;
FONT-SIZE:8pt;
line-height:180%;
color:#aaaaaa;}
.extended {
FONT-SIZE:8pt;
COLOR:#aaaaaa;
text-align:right;}
.extended A {
COLOR:#aaaaaa;}
.extended A:hover {
color:#FF1C19;}
.posted {
FONT-SIZE:7pt;
TEXT-ALIGN:right;COLOR:#aaaaaa;}
.posted A {
COLOR:#aaaaaa;}
.posted A:hover {
color:#FF1C19;}
/* comments
-----------------------------------------*/
.total-comments-div {
WIDTH:300px;
BORDER:none;
MARGIN-TOP:10px;
PADDING-TOP:10px;}
.trackback-url {
font-size:7pt;
color:#aaaaaa;}
.trackbacks-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}
.comments-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}
.comments-body {
BORDER:0px;
FONT-SIZE:7pt;
COLOR:#aaaaaa;}
.comments-post {
FONT-SIZE:7pt;
TEXT-ALIGN:left;
COLOR:#aaaaaa;
padding-top:20px;
padding-bottom:20px;}
.comments-body FORM {
FONT-SIZE:7pt;
COLOR:#aaaaaa;}
/* links
-----------------------------------------*/
#links {
float:right;
margin-top:50px;
margin-bottom:50px;
WIDTH:185px;
COLOR:#aaaaaa;
BACKGROUND:#eeeeee;}
#links a {
line-height:200%;}
.sidetitle {
BORDER:#ffffff 1px solid;
PADDING:5px;
MARGIN:10px;
FONT-SIZE:8pt;
font-weight:bold;
FONT-STYLE:normal;
LETTER-SPACING:1pt;
BACKGROUND:transparent;
TEXT-ALIGN:center;}
.side {
FONT-SIZE:7pt;
PADDING:20px;
BORDER:none;
BACKGROUND:transparent;}
.calendar {
FONT-SIZE:7pt;
COLOR:#bbbbbb;
BACKGROUND:transparent;}
DIV.calendar A {
FONT-SIZE:7pt;
COLOR:#fff;
FONT-FAMILY:verdana;}
DIV.calendar A {
DISPLAY:none;}
#content {width:500px;height:300px;}
#links {width:250px;height:800px;}
#main2 {margin-left:3px;}
#content {height:auto;margin-bottom:50px;}
#links {height:auto;margin-bottom:50px;}
#content {margin-right:28px;}
#main2 {margin-top:60px;margin-left:19px;}
#banner {
background:#FFFFFF;
width:800px;
height:220px;}
#pageheader h1 a {
font-size:100px;
color:#000000;}
#pageheader h1 a:hover {
color:#DDDDDD;}
#pageheader h1 {text-align:left;}
#pageheader h1 a {visibility:hidden;}
#links{font-weight:normal;}
#content {background:#FFFFFF;}
.date {
font-size:10px;
background:#FFFFFF;
color:#000000;
border:#FFFFFF solid 2px;}
.title {
font-size:13px;
color:#000000;
padding-left:30px;}
.posted {font-size:10px;
color:#000000;}
.posted a {color:#000000;}
.posted a:hover {color:#FFFFFF;}
.extended {font-size:10px;}
.extended a {color:#000000;}
.extended a:hover {color:#FFFFFF;}
#links {background:#FFFFFF;}
.title {background:url(http://f12.wretch.yimg.com/as2255/3/1752090128.jpg?OUdWJTH6zK26qJj71OMhdte1Ux0j9eUOpPuhGomZXzrcQ7k5eOI_?q588qc5DcxPnwIY41daUXkll9PmorBeWfnwL4Txxiq4RhAvV5wcI3TaK583ZzoY-?nNYztppDcxN8YHVDQtR6t2Q1t3r6wF3QRM_GdnjNIwVQhuf8HYLtfA--) no-repeat;}
.sidetitle {
background:#000000;
border:#000000 solid 1px;
font-size:10px;
color:#FFFFFF;
text-align:center;}
.side a {
font-size:9px;
color:#000000;}
.side a:hover {color:#FFFFFF;}/**/
#boxWho .sidetitle {DISPLAY:none;}
#boxWho {position:absolute;top:200px;left:150px;}
#boxWho DIV#whowrapper {padding-right:350px;}
#boxWho #whowrapper li a {background:url(http://f12.wretch.yimg.com/as2255/3/1752090123.jpg?qQxFvnz6zK1cFXMH9chBKvIAnCkXPMeIADHQ7j_ukMW.GEhgR3WS?2VRB7VBDcxOX8mXHwI6ScT.QaLR3nhJqIujaPzREX4pyqvVytCzDyQAx8ADkpKo-?oi__51ZDcxPsdmhgiBCEHbkPuY5FKAeNqJ5DFlgrzhDcuVvZE1Jghg--) no-repeat center;}
#boxWho #whowrapper li a img {filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);}
HTML {
SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;}
#serviceList {position:absolute;top:267px;left:176px;width:500px;}
#serviceList LI {float:left;margin:0px 20px 0px 0px;}
#serviceList LI A {
display:block;text-align:center;letter-spacing:1px;padding:5px;
width:40px;
background:#000000;
color:#FFFFFF;font:7pt verdana;
border:#000000 1px solid;}
#serviceList li a:hover {color:#000000;
background:#ffffff;}
#serviceList #linkVideo {display:none;}
#banner {background:url(http://f12.wretch.yimg.com/as2255/3/1752090154.jpg?sSPnYGn6zK3X0bCUQzlV2lJRSKCcfrCilXw9ZaLacnAuFN5uKvp6?JmIpjPFDcxOVOvShX8jJ1jSFLdo4ND22WaPpe04fUvGUCpJXz5a.1KyDT1rfpks-?HHgQbBxDcxMNvV9a8ODZPw0gR.Nrs3EBjqStjlexqkNLlCmckcUkRA--) no-repeat center top;}
拿走請回應 謝謝:)

就讓我當個好人 ,而不是戀人!!
























完成了~小草的好友愛玉的孩子要在2月6號 出來見大家了~ 恭喜 兔寶寶~愛玉指定使用小草的液態皂幫寶寶洗全身 還有洗衣液態皂 洗寶寶衣服 天然的東西
完成了~小草的好友愛玉的孩子要在2月6號 出來見大家了~ 恭喜 兔寶寶~愛玉指定使用小草的液態皂幫寶寶洗全身 還有洗衣液態皂 洗寶寶衣服 天然的東西
完成了~小草的好友愛玉的孩子要在2月6號 出來見大家了~ 恭喜 兔寶寶~愛玉指定使用小草的液態皂幫寶寶洗全身 還有洗衣液態皂 洗寶寶衣服 天然的東西
31樓
31樓
Sealed
32樓
32樓
拿。
謝謝。
33樓
33樓
拿
34樓
34樓
拿摟!!!
35樓
35樓
拿囉^^謝謝~
36樓
36樓
拿9嚕 謝謝
37樓
37樓
拿嚕:)
38樓
38樓
拿囉
謝謝
灌:)
39樓
39樓
拿
40樓
40樓
拿囉:)))
41樓
41樓
拿 謝
42樓
42樓
拿
43樓
43樓
拿 + 推
44樓
44樓
拿摟 :)
45樓
45樓
拿囉 掰
46樓
46樓
拿
47樓
47樓
拿喔
48樓
48樓
拿+推^^
49樓
49樓
Sealed
50樓
50樓
拿~~
51樓
台北新光51樓
拿:)
52樓
52樓
拿。
53樓
53樓
拿ˇ
54樓
54樓
拿謝~
55樓
55樓
拿囉
56樓
56樓
謝謝:)
Only members can post a comment, Login first