[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-BOTTOM:50px;
MARGIN-LEFT:auto;
MARGIN-RIGHT: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 {
MARGIN-TOP:85px;
MARGIN-LEFT:110px;}
/* content
-----------------------------------------*/
#content {
FLOAT:left;
OVERFLOW:auto;
WIDTH:400px;
HEIGHT:400px;
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 {
OVERFLOW-X:hidden;
OVERFLOW:auto;
MARGIN:0px;
WIDTH:185px;
HEIGHT:400px;
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;}
#boxDate {DISPLAY:none;}
#boxSearch {DISPLAY:none;}
.syndicate {DISPLAY:none;}
#boxDate {DISPLAY:none;}
#boxSearch {DISPLAY:none;}
.syndicate {DISPLAY:none;}
BODY {background:url(http://www.janusch.de/Images3/SpongeBobLogo.gif) no-repeat left bottom;}
BODY {background-repeat:repeat;}
BODY {}
#main2 {margin-top:85px;margin-left:50px;}
#pageheader h1 a {
font-size:60px;
}
#pageheader h1 a:hover {
color:#FFFFFF;}
#content {border:#000000 solid 10px;}
#content {background:#EEEE00;}
.date {
font-size:16px;
background:#EEEE00;
color:#000000;
border:#000000 solid 2px;}
.title {
font-size:18px;
color:#000000;
padding-left:30px;}
.title {background:url(http://www.animaatjes.nl/plaatjes/s/spongebob/2.jpg) no-repeat;}
.innertext {
font-size:16px;
color:#444444;}
.posted {font-size:12px;
color:#000000;}
.posted a {color:#888888;}
.posted a:hover {color:#888888;}
.extended {font-size:18px;}
.extended a {color:#FF3333;}
.extended a:hover {color:#FFFFFF;}
.extended a {padding:2px;
background:#EEEE00;
border:#000000 solid 1px;}
#links {background:#EEEE00;}
.sidetitle {
background:#000000;
border:#FF3333 solid 1px;
font-size:12px;
color:#EEEE00;
text-align:center;}
.side a {
font-size:11px;
color:#000000;}
.side a:hover {color:#FFFFFF;}/**/
#boxWho .sidetitle {DISPLAY:none;}
#boxWho #whowrapper li a {background:url(http://images1.fanpop.com/images/photos/1500000/Spongebob-spongebob-squarepants-1595657-1024-768.jpg) no-repeat center;}
#boxWho #whowrapper li a img {filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);}
#links {
SCROLLBAR-FACE-COLOR:#EEEE00;
SCROLLBAR-HIGHLIGHT-COLOR:#fcd8fc;
SCROLLBAR-SHADOW-COLOR:#fc9090;
SCROLLBAR-3DLIGHT-COLOR:#fcb46c;
SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-TRACK-COLOR:#DDDDDD;
SCROLLBAR-DARKSHADOW-COLOR:#fc4890;}
#content {
SCROLLBAR-FACE-COLOR:#EEEE00;
SCROLLBAR-HIGHLIGHT-COLOR:#b4fcfc;
SCROLLBAR-SHADOW-COLOR:#6cb4fc;
SCROLLBAR-3DLIGHT-COLOR:#6cb4b4;
SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-TRACK-COLOR:#EEEE00;
SCROLLBAR-DARKSHADOW-COLOR:#6cb4fc;}
#serviceList {position:absolute;top:150px;left:150px;width:500px;}
#serviceList LI {float:left;margin:0px 4px 0px 0px;}
#serviceList LI A {
display:block;text-align:center;letter-spacing:1px;padding:5px;
width:50px;
background:#EEEE00;
color:#000000;font:7pt verdana;
border:#000000 1px solid;}
#serviceList li a:hover {color:#FFFFFF;
background:#FF3333;}
#main2 {margin-left:10px;}
#content {width:550px;height:800px;}
#links {width:200px;height:800px;}
#banner {
background:#EEEE00;
width:800px;
height:150px;}
#pageheader h1 a {
font-size:60px;
color:#000000;}
#pageheader h1 a:hover {
color:#FFFFFF;}
.description {
position:absolute;
top:80px;
left:80px;
font-size:30px;
color:#444444;}
#boxWho {position:absolute;top:180px;left:10px;}
#boxWho DIV#whowrapper {padding-right:350px;}
喜歡就拿走 但是請留言一下

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
























1樓
1樓搶頭香
拿
2樓
2樓頸推
板大 拿惹 謝謝你 :)嘻
3樓
3樓坐沙發
我拿囉 :)
4樓
福樓
謝
5樓
專業的5樓
謝
6樓
6樓
謝
7樓
7樓
謝~
8樓
8樓
Sealed
9樓
9樓
拿走囉!
10樓
10樓
拿
11樓
11樓
謝謝
我拿走瞜
12樓
12樓
拿
13樓
13樓
拿~~
謝嚕
14樓
14樓
拿
15樓
15樓
拿
16樓
16樓
拿:)
17樓
17樓
我拿了
18樓
18樓
拿+推:)
19樓
19樓
拿ˊ
20樓
20樓
Sealed
21樓
21樓
拿
22樓
22樓
拿
Only members can post a comment, Login first