June 13, 2010

[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?zDD4tpH6zK3LGzRmQupDWM3CnhJTPr8Ft6RyD9ZjSEtED7dYB5Hj?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?dhjVxgP6zK2UHiH2rKO6DxB8m1mJE.xIpNuDqNtinEwHXseqJOJ3?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?GL0y4Un6zK3pGB6RRCudU2A3jxAhS7Od85s6PHLrsz8Jk8N4q_YB?JmIpjPFDcxOVOvShX8jJ1jSFLdo4ND22WaPpe04fUvGUCpJXz5a.1KyDT1rfpks-?HHgQbBxDcxMNvV9a8ODZPw0gR.Nrs3EBjqStjlexqkNLlCmckcUkRA--) no-repeat center top;}




拿走請回應 謝謝:)

25推薦此文章
Today's Visitors: 0 Total Visitors: 1457
Personal Category: 【♥】 css樣式分享 Topic: creation / literature / poetry
[Trackback URL]
  • 完成了~小草的好友愛玉的孩子要在2月6號 出來見大家了~ 恭喜 兔寶寶~愛玉指定使用小草的液態皂幫寶寶洗全身 還有洗衣液態皂 洗寶寶衣服 天然的東西

  • 定製愛玉嬰兒洗澎澎檜木溫和液態皂~ 【巷弄花草(手工皂、手工皂教學)】 at December 31, 2010 11:41 AM Trackback | prosecute
  • 完成了~小草的好友愛玉的孩子要在2月6號 出來見大家了~ 恭喜 兔寶寶~愛玉指定使用小草的液態皂幫寶寶洗全身 還有洗衣液態皂 洗寶寶衣服 天然的東西

  • 定製愛玉嬰兒洗澎澎檜木溫和液態皂~ 【巷弄花草(手工皂、手工皂教學)】 at December 31, 2010 11:41 AM Trackback | prosecute
  • 完成了~小草的好友愛玉的孩子要在2月6號 出來見大家了~ 恭喜 兔寶寶~愛玉指定使用小草的液態皂幫寶寶洗全身 還有洗衣液態皂 洗寶寶衣服 天然的東西

  • 定製愛玉嬰兒洗澎澎檜木溫和液態皂~ 【巷弄花草(手工皂、手工皂教學)】 at December 31, 2010 11:42 AM Trackback | prosecute

Reply
1 2 Next
  • 謝謝

    上面的圖片 跟誰來我家可以更換 想要換別的 圖片可以跟我說

  • Blog Owner at June 16, 2010 11:36 AM Reply
  • 9樓

    9樓

    拿摟 :))

  • min5902 at September 4, 2010 04:54 PM comment | prosecute
  • 14樓

    14樓

    拿囉:)

    謝XD

  • yyy4520 at November 3, 2010 02:27 PM comment | prosecute
  • 15樓

    15樓

    Sealed

  • Sealed at November 4, 2010 05:56 AM comment
  • 18樓

    18樓

    拿走了~謝謝

  • yaying92 at November 7, 2010 07:19 PM comment | prosecute
  • 19樓

    19樓

    拿摟~

    謝:))

  • s587s at November 19, 2010 09:57 PM comment | prosecute
  • 21樓

    21樓

    Sealed

  • Sealed at November 24, 2010 06:27 PM comment
  • 26樓

    26樓

    Sealed

  • Sealed at December 29, 2010 06:22 PM comment
1 2 Next

Only members can post a comment, Login first

誰來收藏
Loading ...
unlog_NVPO 0