比较喜欢Google的风格,于是把自己的Blog也改成了这样子,虽然细微上还有很多差别(自己美工差了点),但对来说,差强人意了。
使用的模板是基础Cogitation,因为它与Google风格最接近,也易于修改。
以下是代码:
a {
TEXT-DECORATION: none
}
a:hover {
TEXT-DECORATION: underline !important;
font-style:normal !important;
}
#top {
clear:both;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
BACKGROUND-IMAGE: none;
BORDER-LEFT: 0px;
BORDER-BOTTOM: 0px;
HEIGHT: 80px;
BACKGROUND-COLOR: #fff;
}
.HeaderBar {
background-image:none;
background-image:#fff;
}
#Header1_HeaderTitle {
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
FONT:bold 30px impact,Script;
BORDER-LEFT: 0px;
COLOR: #0048e3;
BORDER-BOTTOM: 0px
}
#Header1_HeaderTitle:hover {
TEXT-DECORATION: none !important;
}
#tagline {
color:#909090;
}
#Header1_BlueTab {
display:none;
}
#HeaderBar {
PADDING-RIGHT: 4px;
BORDER-TOP: #3366cc 1px solid;
PADDING-LEFT: 4px;
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
BACKGROUND-IMAGE: none;
PADDING-BOTTOM: 4px;
MARGIN: 0px 10px;
PADDING-TOP: 4px;
HEIGHT: 25px;
BACKGROUND-COLOR: #d5ddf3;
}
.HeaderBarTab {
color:#d5ddf3;
font-size:4px;
background-image:none;
}
.HeaderBarTab A:link {
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
FONT-SIZE: 14px;
BORDER-LEFT: 0px;
COLOR: #00c;
BORDER-BOTTOM: 0px
}
.HeaderBarTab A:visited {
FONT-SIZE: 14px;
COLOR: #00c
}
.HeaderBarTab A:hover {
FONT-SIZE: 14px;
COLOR: #00c
}
.HeaderBarTab A:active {
FONT-SIZE: 14px;
COLOR: #00c
}
.BlogStatsBar {
color:#000
}
#leftmenu {
width:200px;
BORDER-left: #c9d7f1 1px solid;
padding-left:10px;
MARGIN-TOP: 30px;
margin-right:10px;
background-color:#fff;
position:static;
float:right;
}
#leftmenu h3 {
border:0px !important;
FONT-WEIGHT: normal;
FONT-SIZE: 14px !important;
BACKGROUND-IMAGE: none;
COLOR: #00c;
BACKGROUND-COLOR: #fff
}
.listitem a, .list li a{
color:#000;
}
#main {
width:65%;
border:0px;
padding:0px;
margin-top:30px;
margin-right:10px;
margin-left:10px;
float:left;
}
*html #main {
width:auto;
border:0px;
padding:0px;
margin-top:30px;
margin-right:15px;
margin-left:10px;
float:left;
}
#main h2 {
display:none;
}
.post {
border:0px !important;
}
.post br {
display:none;
}
.postTitle {
border:0px !important;
BACKGROUND-COLOR: #fff !important;
}
.postTitle A {
FONT-WEIGHT: normal;
FONT-SIZE: 16px;
color:#00c !important;
}
.postFoot {
BORDER-TOP: 0px;
COLOR: #669966;
background-color:#fff !important;
border:0px !important;
}
.postfoot A {
COLOR: #77c;
}
#RecentComments_ltlComments ul li {
font-weight:bold;
}
#RecentComments_ltlComments ul li a{
font-weight:normal;
}
#footer {
clear: both;
}
发表于 @ 2008年03月13日 19:29:00|评论(loading...)|编辑