自定义Blog样式的方法
自定义Blog样式的方法
我首先选用的是Cogitation样式,然后自己修改样式。
样式是代码如下:
<styletype="text/css">
<!--
body{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
scrollbar-face-color:lightsteelblue;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#dee4ef;
scrollbar-shadow-color:blue;
scrollbar-3dlight-color:#f33366;
OVERFLOW:auto;
background-repeat:repeat;
background-attachment:fixed;
padding-right:32px;padding-left:32px;background:#eee;padding-bottom:32px;margin-left:15px;color:#000;margin-right:15px;
padding-top:12px;
}
/*段落*/
p
{
font-size:14px;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
line-height:150%;
text-indent:28px;
margin:10px0px;
text-align:justify;
}
/*超链接*/
a:visited,
a:active,
a:link{
color:Navy;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#FF300F;
}
/*标题样式*/
h1{
margin:0px;
color:#0000FF;
font-size:28px;
}
h1a:visited,
h1a:active,
h1a:link{
color:#000;
}
h1a:hover{
color:#00047F;
text-decoration:none;
}
h2{
margin-top:10px;
font-size:1em;
}
h3{
font-size:1.2em;
}
/*头部*/
#top
{
background-image:url("http://p.blog.csdn.net/images/p_blog_csdn_net/windy83/261307/o_Kym_banner.jpg");
background-repeat:repeat-x;
color:WhiteSmoke;
padding:0px;
height:160px;
margin-left:0px;
margin-right:0px;
}
/*剑心博客4个字的样式*/
.headermaintitle
{
color:#0000FF;
font-size:28px;
}
/*定制头部副标题样式*/
#tagline{
font-size:1em;
margin:10px;
color:#6699FF;
}
/*标题超链接样式*/
.HeaderTitlesa:visited,
.HeaderTitlesa:active,
.HeaderTitlesa:link,
.HeaderTitlesa:hover
{
color:#0000FF;
text-decoration:none;
font-weight:bold;
}
.HeaderBara:visited,
.HeaderBara:active,
.HeaderBara:link
{
color:WhiteSmoke;
text-decoration:none;
font-weight:normal;
}
/*状态栏,即多少篇文章之类的*/
/*
.BlogStatsBar
{
text-align:right;
font-weight:normal;
font-size:7pt;
color:Silver;
border-collapse:collapse;
}
*/
/*引用块*/
blockquote{
font-style:italic;
background-color:#CCCCCC;
}
div.post
{
border-right:gainsboro2pxsolid;
border-top:gainsboro2pxsolid;
border-left:gainsboro2pxsolid;
border-bottom:gainsboro2pxsolid;
}
/*相关文章标题和回复标题*/
div.postTitle
{
padding-left:3px;
font-weight:bolder;
font-size:10pt;
padding-bottom:3px;
padding-top:3px;
border-bottom:gainsboro1pxsolid;
background-color:whitesmoke;
}
/*回复(评论),相关文章和文章摘要的样式*/
div.postText
{
padding-right:10px;
padding-left:3px;
font-size:14px;
padding-bottom:3px;
padding-top:3px;
}
/*发表于几个字的样式*/
div.postFoot
{
background-color:WhiteSmoke;
border-top:gainsboro1pxsolid;
font-size:9pt;
padding-right:3px;
padding-left:3px;
padding-bottom:1px;
padding-top:1px;
text-align:right;
}
/*左边栏菜单*/
#leftmenu{
position:absolute;
left:45px;
width:180px;
height:auto;
word-wrap:break-word;
table-layout:fixed;
background-color:WhiteSmoke;
padding-top:5px;
font-style:normal;
}
#leftmenuh3{
font-size:0.8em;
margin:0px;
margin-top:10px;
padding-bottom:2px;
padding-left:3px;
border-top:solid1pxGainsboro;
}
<!--
body{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
scrollbar-face-color:lightsteelblue;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#dee4ef;
scrollbar-shadow-color:blue;
scrollbar-3dlight-color:#f33366;
OVERFLOW:auto;
background-repeat:repeat;
background-attachment:fixed;
padding-right:32px;padding-left:32px;background:#eee;padding-bottom:32px;margin-left:15px;color:#000;margin-right:15px;
padding-top:12px;
}
/*段落*/
p
{
font-size:14px;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
line-height:150%;
text-indent:28px;
margin:10px0px;
text-align:justify;
}
/*超链接*/
a:visited,
a:active,
a:link{
color:Navy;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#FF300F;
}
/*标题样式*/
h1{
margin:0px;
color:#0000FF;
font-size:28px;
}
h1a:visited,
h1a:active,
h1a:link{
color:#000;
}
h1a:hover{
color:#00047F;
text-decoration:none;
}
h2{
margin-top:10px;
font-size:1em;
}
h3{
font-size:1.2em;
}
/*头部*/
#top
{
background-image:url("http://p.blog.csdn.net/images/p_blog_csdn_net/windy83/261307/o_Kym_banner.jpg");
background-repeat:repeat-x;
color:WhiteSmoke;
padding:0px;
height:160px;
margin-left:0px;
margin-right:0px;
}
/*剑心博客4个字的样式*/
.headermaintitle
{
color:#0000FF;
font-size:28px;
}
/*定制头部副标题样式*/
#tagline{
font-size:1em;
margin:10px;
color:#6699FF;
}
/*标题超链接样式*/
.HeaderTitlesa:visited,
.HeaderTitlesa:active,
.HeaderTitlesa:link,
.HeaderTitlesa:hover
{
color:#0000FF;
text-decoration:none;
font-weight:bold;
}
.HeaderBara:visited,
.HeaderBara:active,
.HeaderBara:link
{
color:WhiteSmoke;
text-decoration:none;
font-weight:normal;
}
/*状态栏,即多少篇文章之类的*/
/*
.BlogStatsBar
{
text-align:right;
font-weight:normal;
font-size:7pt;
color:Silver;
border-collapse:collapse;
}
*/
/*引用块*/
blockquote{
font-style:italic;
background-color:#CCCCCC;
}
div.post
{
border-right:gainsboro2pxsolid;
border-top:gainsboro2pxsolid;
border-left:gainsboro2pxsolid;
border-bottom:gainsboro2pxsolid;
}
/*相关文章标题和回复标题*/
div.postTitle
{
padding-left:3px;
font-weight:bolder;
font-size:10pt;
padding-bottom:3px;
padding-top:3px;
border-bottom:gainsboro1pxsolid;
background-color:whitesmoke;
}
/*回复(评论),相关文章和文章摘要的样式*/
div.postText
{
padding-right:10px;
padding-left:3px;
font-size:14px;
padding-bottom:3px;
padding-top:3px;
}
/*发表于几个字的样式*/
div.postFoot
{
background-color:WhiteSmoke;
border-top:gainsboro1pxsolid;
font-size:9pt;
padding-right:3px;
padding-left:3px;
padding-bottom:1px;
padding-top:1px;
text-align:right;
}
/*左边栏菜单*/
#leftmenu{
position:absolute;
left:45px;
width:180px;
height:auto;
word-wrap:break-word;
table-layout:fixed;
background-color:WhiteSmoke;
padding-top:5px;
font-style:normal;
}
#leftmenuh3{
font-size:0.8em;
margin:0px;
margin-top:10px;
padding-bottom:2px;
padding-left:3px;
border-top:solid1pxGainsboro;
}