自定义Blog样式的方法
自定义Blog样式的方法
我首先选用的是Cogitation样式,然后自己修改样式。
样式是代码如下:
 <styletype="text/css">
<styletype="text/css"> <!--
<!--
 body{
body{ font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
 scrollbar-face-color:lightsteelblue;
scrollbar-face-color:lightsteelblue; scrollbar-arrow-color:#ffffff;
scrollbar-arrow-color:#ffffff; scrollbar-track-color:#dee4ef;
scrollbar-track-color:#dee4ef; scrollbar-shadow-color:blue;
scrollbar-shadow-color:blue; scrollbar-3dlight-color:#f33366;
scrollbar-3dlight-color:#f33366; OVERFLOW:auto;
OVERFLOW:auto; background-repeat:repeat;
background-repeat:repeat; background-attachment:fixed;
background-attachment:fixed;
 padding-right:32px;padding-left:32px;background:#eee;padding-bottom:32px;margin-left:15px;color:#000;margin-right:15px;
padding-right:32px;padding-left:32px;background:#eee;padding-bottom:32px;margin-left:15px;color:#000;margin-right:15px; padding-top:12px;
padding-top:12px; }
}

 /*段落*/
/*段落*/ p
p
 {
{ font-size:14px;
font-size:14px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; line-height:150%;
line-height:150%; text-indent:28px;
text-indent:28px; margin:10px0px;
margin:10px0px; text-align:justify;
text-align:justify; }
}

 /*超链接*/
/*超链接*/ a:visited,
a:visited, a:active,
a:active,
 a:link{
a:link{ color:Navy;
color:Navy; text-decoration:none;
text-decoration:none; }
}
 a:hover{
a:hover{ text-decoration:underline;
text-decoration:underline; color:#FF300F;
color:#FF300F; }
}

 /*标题样式*/
/*标题样式*/
 h1{
h1{ margin:0px;
margin:0px; color:#0000FF;
color:#0000FF; font-size:28px;
font-size:28px; }
} h1a:visited,
h1a:visited, h1a:active,
h1a:active,
 h1a:link{
h1a:link{ color:#000;
color:#000; }
}
 h1a:hover{
h1a:hover{ color:#00047F;
color:#00047F; text-decoration:none;
text-decoration:none; }
}
 h2{
h2{ margin-top:10px;
margin-top:10px; font-size:1em;
font-size:1em; }
}
 h3{
h3{ font-size:1.2em;
font-size:1.2em; }
}

 /*头部*/
/*头部*/ #top
#top
 {
{ background-image:url("http://p.blog.csdn.net/images/p_blog_csdn_net/windy83/261307/o_Kym_banner.jpg");
background-image:url("http://p.blog.csdn.net/images/p_blog_csdn_net/windy83/261307/o_Kym_banner.jpg"); background-repeat:repeat-x;
background-repeat:repeat-x; color:WhiteSmoke;
color:WhiteSmoke; padding:0px;
padding:0px; height:160px;
height:160px; margin-left:0px;
margin-left:0px; margin-right:0px;
margin-right:0px; }
}

 /*剑心博客4个字的样式*/
/*剑心博客4个字的样式*/ .headermaintitle
.headermaintitle
 {
{ color:#0000FF;
color:#0000FF; font-size:28px;
font-size:28px; }
}

 /*定制头部副标题样式*/
/*定制头部副标题样式*/
 #tagline{
#tagline{ font-size:1em;
font-size:1em; margin:10px;
margin:10px; color:#6699FF;
color:#6699FF; }
}

 /*标题超链接样式*/
/*标题超链接样式*/ .HeaderTitlesa:visited,
.HeaderTitlesa:visited, .HeaderTitlesa:active,
.HeaderTitlesa:active, .HeaderTitlesa:link,
.HeaderTitlesa:link, .HeaderTitlesa:hover
.HeaderTitlesa:hover
 {
{ color:#0000FF;
color:#0000FF; text-decoration:none;
text-decoration:none; font-weight:bold;
font-weight:bold; }
}
 .HeaderBara:visited,
.HeaderBara:visited, .HeaderBara:active,
.HeaderBara:active, .HeaderBara:link
.HeaderBara:link
 {
{ color:WhiteSmoke;
color:WhiteSmoke; text-decoration:none;
text-decoration:none; font-weight:normal;
font-weight:normal; }
}

 /*状态栏,即多少篇文章之类的*/
/*状态栏,即多少篇文章之类的*/
 /*
/* .BlogStatsBar
.BlogStatsBar {
{ text-align:right;
text-align:right; font-weight:normal;
font-weight:normal; font-size:7pt;
font-size:7pt; color:Silver;
color:Silver; border-collapse:collapse;
border-collapse:collapse; }
} */
*/
 /*引用块*/
/*引用块*/
 blockquote{
blockquote{ font-style:italic;
font-style:italic; background-color:#CCCCCC;
background-color:#CCCCCC; }
}
 div.post
div.post
 {
{ border-right:gainsboro2pxsolid;
border-right:gainsboro2pxsolid; border-top:gainsboro2pxsolid;
border-top:gainsboro2pxsolid; border-left:gainsboro2pxsolid;
border-left:gainsboro2pxsolid; border-bottom:gainsboro2pxsolid;
border-bottom:gainsboro2pxsolid; }
}
 /*相关文章标题和回复标题*/
/*相关文章标题和回复标题*/ div.postTitle
div.postTitle
 {
{ padding-left:3px;
padding-left:3px; font-weight:bolder;
font-weight:bolder; font-size:10pt;
font-size:10pt; padding-bottom:3px;
padding-bottom:3px; padding-top:3px;
padding-top:3px; border-bottom:gainsboro1pxsolid;
border-bottom:gainsboro1pxsolid; background-color:whitesmoke;
background-color:whitesmoke; }
}
 /*回复(评论),相关文章和文章摘要的样式*/
/*回复(评论),相关文章和文章摘要的样式*/ div.postText
div.postText
 {
{ padding-right:10px;
padding-right:10px; padding-left:3px;
padding-left:3px; font-size:14px;
font-size:14px; padding-bottom:3px;
padding-bottom:3px; padding-top:3px;
padding-top:3px; }
}
 /*发表于几个字的样式*/
/*发表于几个字的样式*/ div.postFoot
div.postFoot
 {
{ background-color:WhiteSmoke;
background-color:WhiteSmoke; border-top:gainsboro1pxsolid;
border-top:gainsboro1pxsolid; font-size:9pt;
font-size:9pt; padding-right:3px;
padding-right:3px; padding-left:3px;
padding-left:3px; padding-bottom:1px;
padding-bottom:1px; padding-top:1px;
padding-top:1px; text-align:right;
text-align:right; }
}

 /*左边栏菜单*/
/*左边栏菜单*/
 #leftmenu{
#leftmenu{ position:absolute;
position:absolute; left:45px;
left:45px; width:180px;
width:180px; height:auto;
height:auto; word-wrap:break-word;
word-wrap:break-word; table-layout:fixed;
table-layout:fixed; background-color:WhiteSmoke;
background-color:WhiteSmoke; padding-top:5px;
padding-top:5px; font-style:normal;
font-style:normal; }
}

 #leftmenuh3{
#leftmenuh3{ font-size:0.8em;
font-size:0.8em; margin:0px;
margin:0px; margin-top:10px;
margin-top:10px; padding-bottom:2px;
padding-bottom:2px; padding-left:3px;
padding-left:3px; border-top:solid1pxGainsboro;
border-top:solid1pxGainsboro; }
}