2006-09-09 16:59
也许你会觉得我无耻!在这里,我将把百度每天精彩空间中的我喜欢CSS代码公布。让您立刻体验别人的精心设计为我所用的感觉。虽然是没有一一经过作者同意(我会向作者询问,如果您不许可,我会删除),但是我的目的是为了大家更好的学习嘛!
首先公布的是我会好好的。的css代码:
BODY {
BACKGROUND: url(http://hiphotos.baidu.com/momoco/pic/item/6faeaa010cea60061c95837e.jpg)
}
BODY {
BACKGROUND-ATTACHMENT: fixed
}
#header {
HEIGHT: 160px
}
#header DIV.lc {
}
#header DIV.rc {
BACKGROUND: url(http://hiphotos.baidu.com/yaoyaoing/pic/item/59a91e959fa65e087af480e9.jpg)
no-repeat right top
}
#header DIV.tit {
FONT-SIZE: 20px; LEFT: 30px; LINE-HEIGHT: 32px;
FONT-FAMILY: 黑体; TOP: 8px
}
#header DIV.tit {
FONT-SIZE: 25px; LEFT: 120px; LINE-HEIGHT: 40px;
FONT-FAMILY: 幼圆; TOP: 30px
}
#header DIV.tit A.titlink {
COLOR: #000000; TEXT-DECORATION: none
}
#header DIV.tit A.titlink:visited {
COLOR: #000000; TEXT-DECORATION: none
}
#header DIV.desc {
FONT-SIZE: 13px; LEFT: 90px; COLOR: #000000; TOP:
80px
}
#tabline {
TOP: 89px
}
#tab {
TOP: 120px
}
#tab A.on {
MARGIN-TOP: 2px; FONT-SIZE: 14px; COLOR: #000000;
LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
#tab A.on:link {
MARGIN-TOP: 2px; FONT-SIZE: 14px; COLOR: #000000;
LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
#tab A.on:visited {
MARGIN-TOP: 2px; FONT-SIZE: 14px; COLOR: #000000;
LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
#tab SPAN {
FONT-SIZE: 14px; COLOR: #000000
}
#tab A:link {
FONT-SIZE: 14px; COLOR: #000000; TEXT-DECORATION:
none
}
#tab A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
#tab2 {
BACKGROUND: #000000
}
#tab2 SPAN {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR:
#000000
}
#tab2 A {
FONT-SIZE: 10px
}
#tab2 A:link {
COLOR: #000000
}
#tab2 A:visited {
COLOR: #000000
}
.stage {
}
#layout TD.c2t1 {
BORDER-RIGHT: medium none
}
#layout TD.c3t1 {
BORDER-RIGHT: medium none
}
#layout TD.c3t3 {
BORDER-RIGHT: medium none
}
#comm_info {
COLOR: #333333; FONT-FAMILY: Arial; TEXT-ALIGN:
left
}
#comm_info DIV.line {
BORDER-TOP: 0px; MARGIN-TOP: 0px; BACKGROUND:
url(http://hiphotos.baidu.com/yaoyaoing/pic/item/7d422d730f4aee1c8601b02a.jpg)
no-repeat 50% bottom; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 180px;
LINE-HEIGHT: 10px
}
#comm_info A {
COLOR: #000000
}
#page {
FONT-SIZE: 14px; FONT-FAMILY: Arial; HEIGHT:
30px; TEXT-ALIGN: center
}
#page SPAN {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px;
FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; COLOR:
#333333; PADDING-TOP: 3px
}
#page A.pc {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:
#ff0000
}
#page A.pc:visited {
COLOR: #000000
}
#page A.pi {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE:
14px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px
}
#page A.pi:visited {
COLOR: #000000
}
.mod {
MARGIN-BOTTOM: 10px
}
.modhandle {
CURSOR: move
}
.modth {
HEIGHT: 15px
}
.modhead {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px;
PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
.modopt {
PADDING-RIGHT: 4px; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
.modtit {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR:
#ffffff
}
A.modtit {
COLOR: #ffffff
}
A.modtit:visited {
COLOR: #ffffff
}
.modtitlink {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR:
#ffffff
}
A.modtitlink {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.modtitlink:visited {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.modtitlink:hover {
COLOR: #ffffff; TEXT-DECORATION: underline
}
.modact {
FONT-SIZE: 12px
}
A.modact:link {
}
A.modact:visited {
}
.modbox {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM:
0px; PADDING-TOP: 10px
}
.modtl {
LINE-HEIGHT: 1px
}
.modtc {
}
.modtr {
LINE-HEIGHT: 1px
}
.modbl {
LINE-HEIGHT: 1px
}
.modbc {
LINE-HEIGHT: 1px
}
.modbr {
LINE-HEIGHT: 1px
}
#m_blog DIV.tit {
FONT-WEIGHT: bold; FONT-SIZE: 14px
}
#m_blog DIV.tit A {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:
#000000
}
#m_blog DIV.tit A:visited {
COLOR: #000000
}
#m_blog DIV.date {
MARGIN: 5px 0px 8px; COLOR: #000000
}
#m_blog DIV.cnt {
FONT-SIZE: 15px; FILTER:
glow(color=#E6E61A,strength=3); COLOR: #000000
}
#m_blog DIV.more {
MARGIN: 14px 0px 16px
}
#m_blog DIV.more A {
FONT-SIZE: 14px; COLOR: #000000
}
#m_blog DIV.more A:visited {
COLOR: #000000
}
#m_blog DIV.opt {
FONT-SIZE: 12px; COLOR: #000000
}
#m_blog DIV.opt A {
FONT-SIZE: 12px; COLOR: #000000
}
#m_blog DIV.opt A:visited {
COLOR: #000000
}
#m_blog DIV.line {
BORDER-TOP: medium none; MARGIN-TOP: 17px;
LINE-HEIGHT: 17px
}
#m_blog DIV.none {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE:
14px; PADDING-BOTTOM: 100px; COLOR: #000000; PADDING-TOP:
100px
}
#m_blog DIV.tit {
FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND:
url(http://hiphotos.baidu.com/yaoyaoing/pic/item/1690bb0e885608e737d1220e.jpg)
no-repeat; TEXT-INDENT: 108px; LINE-HEIGHT: 78px
}
#m_pro A {
COLOR: #000000
}
#m_pro A:visited {
COLOR: #000000
}
#m_pro DIV.image {
TEXT-ALIGN: center
}
#m_pro DIV.act {
MARGIN-TOP: 10px
}
#m_pro DIV.user {
MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE:
12px; COLOR: #000000
}
#m_pro DIV.desc {
FONT-SIZE: 12px; COLOR: #000000
}
#m_blog DIV.line {
MARGIN-TOP: 17px; BACKGROUND: url(图片地址)
repeat-x; LINE-HEIGHT: 17px
}
#m_pro TD {
FONT-SIZE: 14px; COLOR: #000000; LINE-HEIGHT:
24px
}
#m_album DIV.image {
TEXT-ALIGN: center
}
#m_album DIV.page {
FONT-SIZE: 12px; COLOR: #000000; TEXT-ALIGN:
center
}
#m_album DIV.page A {
FONT-SIZE: 12px; COLOR: #000000
}
#m_album DIV.page A:visited {
COLOR: #000000
}
#m_links DIV.item {
FONT-SIZE: 12px; COLOR: #000000
}
#m_links DIV.item A {
FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION:
none
}
#m_links DIV.item A:visited {
COLOR: #000000
}
#m_links DIV.line {
BORDER-TOP: medium none; MARGIN-TOP: 5px;
LINE-HEIGHT: 8px
}
#m_links {
OVERFLOW-Y: auto; SCROLLBAR-FACE-COLOR: #e100e1;
FILTER: chroma(color=#E100E1); SCROLLBAR-HIGHLIGHT-COLOR: white;
SCROLLBAR-SHADOW-COLOR: maroon; SCROLLBAR-3DLIGHT-COLOR: #e100e1;
SCROLLBAR-ARROW-COLOR: #e100e1; SCROLLBAR-TRACK-COLOR: #e100e1;
SCROLLBAR-DARKSHADOW-COLOR: #e100e1; SCROLLBAR-BASE-COLOR: #e100e1;
HEIGHT: 260px
}
#m_artclg DIV.item {
FONT-SIZE: 12px; COLOR: #000000
}
#m_artclg DIV.item A {
FONT-SIZE: 12px; COLOR: #000000
}
#m_artclg DIV.item A:visited {
COLOR: #000000
}
#m_artclg DIV.line {
BORDER-TOP: medium none; MARGIN-TOP: 5px;
LINE-HEIGHT: 8px
}
#m_comment DIV.item {
FONT-SIZE: 12px; COLOR: #000000
}
#m_comment DIV.item A {
FONT-SIZE: 12px; COLOR: #000000
}
#m_comment DIV.item A:visited {
COLOR: #000000
}
#m_comment DIV.item A.cnt {
FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION:
none
}
#m_comment DIV.item A.cnt:visited {
COLOR: #000000; TEXT-DECORATION: none
}
#m_comment DIV.item A.cnt:hover {
COLOR: #000000; TEXT-DECORATION: underline
}
#m_comment DIV.line {
BORDER-TOP: medium none; MARGIN-TOP: 5px;
LINE-HEIGHT: 8px
}
#m_albumlist DIV.note {
FONT-SIZE: 14px; COLOR: #000000
}
#m_albumlist DIV.desc {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
FONT-SIZE: 14px; MARGIN-BOTTOM: 12px; PADDING-BOTTOM: 3px;
LINE-HEIGHT: 22px; PADDING-TOP: 3px; BACKGROUND-COLOR:
#000000
}
#m_albumlist DIV.none {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE:
14px; PADDING-BOTTOM: 100px; COLOR: #000000; PADDING-TOP:
100px
}
#m_albumlist DIV.line {
MARGIN-TOP: 10px; LINE-HEIGHT: 16px
}
#m_albumlist DIV.tit {
FONT-SIZE: 14px; MARGIN: 6px 0px 7px; COLOR:
#000000
}
#m_albumlist DIV.tit A {
FONT-SIZE: 14px; COLOR: #000000
}
#m_albumlist DIV.tit A:visited {
COLOR: #000000
}
#m_albumlist SPAN.count {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR:
#000000
}
#m_albumlist SPAN.size {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:
Arial
}
#m_albumlist A.act {
FONT-SIZE: 12px; COLOR: #000000
}
#m_albumlist A.act:visited {
COLOR: #000000
}
#m_albumlist A.page {
FONT-SIZE: 14px; COLOR: #000000
}
#m_albumlist A.page:visited {
COLOR: #0000cc
}
#m_albumlist TD.image {
BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT:
5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; BACKGROUND:
#ffffff; PADDING-BOTTOM: 5px; BORDER-LEFT: #999999 1px solid;
PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid
}
#m_friend DIV.filter {
PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px;
LINE-HEIGHT: 27px; PADDING-TOP: 10px; HEIGHT: 27px
}
#m_friend DIV.catalog {
PADDING-LEFT: 10px; FONT-SIZE: 14px;
MARGIN-BOTTOM: 10px; LINE-HEIGHT: 27px; HEIGHT: 27px;
BACKGROUND-COLOR: #f2f2f2
}
#m_friend DIV.user {
MARGIN-TOP: 4px; FONT-SIZE: 12px; COLOR:
#333333
}
#m_friend DIV.user A {
FONT-SIZE: 12px; COLOR: #4a7ff8
}
#m_friend DIV.user A:visited {
COLOR: #4a7ff8
}
#m_friend DIV.line {
BORDER-TOP: #a6a6a6 1px dashed; MARGIN-TOP: 10px;
LINE-HEIGHT: 16px
}
#m_setting A {
COLOR: #4a7ff8
}
#m_setting A:visited {
COLOR: #4a7ff8
}
#m_setting {
FONT-SIZE: 14px; COLOR: #ff0000; LINE-HEIGHT:
22px
}
#m_setting IMG.sel {
BORDER-RIGHT: #ffdb7b 4px solid; BORDER-TOP:
#ffdb7b 4px solid; BORDER-LEFT: #ffdb7b 4px solid; BORDER-BOTTOM:
#ffdb7b 4px solid
}
#m_setting IMG.unsel {
BORDER-RIGHT: #d2d2d2 1px solid; BORDER-TOP:
#d2d2d2 1px solid; BORDER-LEFT: #d2d2d2 1px solid; BORDER-BOTTOM:
#d2d2d2 1px solid
}
#m_setting SPAN.tit {
FONT-SIZE: 14px
}
#m_setting SPAN.usr {
COLOR: #ff0000
}
#m_setting DIV.sel {
FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-TOP:
6px
}
#m_setting DIV.line {
BORDER-TOP: medium none; MARGIN-TOP: 20px;
LINE-HEIGHT: 16px
}
#m_sysinfo A {
COLOR: #4a7ff8
}
#m_sysinfo A:visited {
COLOR: #4a7ff8
}
#m_sysinfo {
FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT:
22px
}
#m_sysinfo SPAN.new {
FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY:
Arial
}
#m_sysinfo SPAN.date {
FONT-SIZE: 14px; COLOR: #333333
}
#m_setbase {
FONT-SIZE: 14px; COLOR: #333333
}
#m_setbase TD {
FONT-SIZE: 14px; COLOR: #333333
}
#m_setbase DIV.line {
BORDER-TOP: medium none; MARGIN-TOP: 5px;
LINE-HEIGHT: 8px
}
#in_comment {
WIDTH: 710px
}
#in_comment DIV.tit {
FONT-WEIGHT: bold; FONT-SIZE: 14px;
MARGIN-BOTTOM: 12px; COLOR: #000000
}
#in_comment DIV.user {
FONT-SIZE: 12px; MARGIN-BOTTOM: 6px; COLOR:
#000000
}
#in_comment DIV.user A {
FONT-SIZE: 12px; COLOR: #000000
}
#in_comment DIV.user A:visited {
COLOR: #000000
}
#in_comment DIV.user SPAN.date {
FONT-SIZE: 12px; COLOR: #000000
}
#in_comment DIV.desc {
FONT-SIZE: 12px; COLOR: #000000
}
#in_comment DIV.line {
BORDER-TOP: medium none; MARGIN-TOP: 17px;
LINE-HEIGHT: 17px
}
#phx {
FILTER: Alpha(Opacity=50, FinishOpacity=50,
Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)red; WIDTH:
223px; HEIGHT: 75px
}
.mod#mod_comment {
BACKGROUND: url(http://00counter.com/counter.asp?id=304778)
no-repeat 50% bottom; PADDING-BOTTOM: 120px
}
UNKNOWN {
CURSOR:
url('http://imgcache.qq.com/qzone/item/orig/0/3344.ani')
}
BODY {
CURSOR:
url('http://imgcache.qq.com/qzone/item/orig/10/4426.ani')
}
#spBlogCmtText {
BORDER-RIGHT: #a6b5c4 1px solid; BORDER-TOP:
#a6b5c4 1px solid; BACKGROUND: url(http://hiphotos.baidu.com/yaoyaoing/pic/item/87fefb19f8da687adbb4bd16.jpg)
fixed no-repeat center top; BORDER-LEFT: #a6b5c4 1px solid;
BORDER-BOTTOM: #a6b5c4 1px solid
}
#spBlogCmtURL {
BORDER-RIGHT: #a6b5c4 1px solid; BORDER-TOP:
#a6b5c4 1px solid; BORDER-LEFT: #a6b5c4 1px solid; BORDER-BOTTOM:
#a6b5c4 1px solid
}
#spBlogCmtor {
BORDER-RIGHT: #a6b5c4 1px solid; BORDER-TOP:
#a6b5c4 1px solid; BORDER-LEFT: #a6b5c4 1px solid; BORDER-BOTTOM:
#a6b5c4 1px solid
}
呵呵,首先发布一个,看看大家的看法!