自从CSDN升级博客到3.1a后,blog的CSS效果已经出不来了,不过没时间改,只好临时用着系统自带的版式,下面是历次博客版面效果图:
05年8月前的:

06年9月前的:


最近的效果图:

对应的CSS定义:

body{...}{
margin:0px;
padding:0px;
font-size:12px;
font-family:verdana,宋体;
color:#304101;
background-color:#8EC759;
}
a:link,a:visited,a:active

{...}{
font-weight:normal;
color:#0095C8;
text-decoration:none;
}
a:hover

{...}{
background:#transparent;
color:#0095C8;
text-decoration:underline;
}

.pagelayout{...}{
margin:0px;
padding:0px;
background-color:#8EC759;
top:0px;
}

.leftcolumn{...}{
float:left;
width:100%;
text-align:left;
margin-left:8px;
margin-top:2px;
margin-right:-240px;
padding-left:0px;
padding-top:8px;
padding-bottom:0px;
background-color:transparent;
}

.innerleftcolumn{...}{
text-align:left;
margin:0px;
margin-right:240px;
padding-left:10px;
padding-top:15px;
padding-right:10px;
padding-bottom:0px;
background:url("http://p.blog.csdn.net/images/p_blog_csdn_net/nhconch/237963/o_cont_top.gif")#fffrepeat-xtopleft;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6C9149',Direction=180,Strength=2);
}

.centercolumn{...}{
float:right;
width:191px;
padding-right:0px;
margin-right:8px;
margin-top:20px;
}
.header

{...}{
margin:0px;
height:142px;
padding-top:38px;
padding-left:25px;
background:url("http://p.blog.csdn.net/images/p_blog_csdn_net/nhconch/237963/o_blog_hder_bg.png")#8EC759fixedno-repeatrightbottom;
color:#E37903;
font-size:16px;
font-family:Verdana;
font-weight:bold;
}
a.headermaintitle:link,a.headermaintitle:visited,a.headermaintitle:hover

{...}{
text-decoration:none;
background-color:transparent;
color:#E37903;
font-size:24px;
font-weight:bold;
}

.datetitle{...}{
text-align:left;
padding-right:4px;
font-weight:normal;
font-size:14px;
background-color:transparent;
color:#0095C8;
border-bottom:#EEEEEE1pxsolid;
display:none;
}

.posttitleA:link,.posttitleA:visited{...}{
text-decoration:none;
color:#FF1864;
font-size:14px;
font-weight:bold;
}

.posttitleA:hover{...}{
text-decoration:underline;
color:#FF1864;
font-size:14px;
font-weight:bold;
}

.postTitle{...}{font-size:14px;}
.footer

{...}{
width:100%;
background-color:#8EC759;
color:#3A3625;
border-top:0px;
font-size:12px;
text-align:center;
padding:0px;
vertical-align:middle;
background:url("http://p.blog.csdn.net/images/p_blog_csdn_net/nhconch/237963/o_bot_bg.gif");
height:64px;
}

.listtitle{...}{
color:#842F00;
height:49px;
background:url("http://p.blog.csdn.net/images/p_blog_csdn_net/nhconch/237963/o_panel_bg.gif")#8EC759no-repeat;
padding-left:13px;
padding-top:15px;
font-size:20px;
margin:0px;
padding-bottom:0px;
font-weight:bold;
line-height:1em;
letter-spacing:0.1em;
}

.list{...}{
border:0px;
margin-bottom:15px;
margin-left:8px;
padding-left:10px;
padding-top:10px;
padding-right:5px;
padding-bottom:20px;
background:url("http://p.blog.csdn.net/images/p_blog_csdn_net/nhconch/237963/o_panel_bot.gif")#FFFFFFfixedno-repeatbottom;
}

a.listitem:link,a.listitem:visited,a.listitem:hover{...}{
background-color:transparent;
font-size:12px;
}

ul.list,ol.list{...}{
border:0px;
padding-left:3px;
}

.moreinfotitle{...}{font-size:14px;}

.moreinfo,.comments{...}{font-size:12px;}

input,textarea{...}{font-size:12px;}

.entrylistitemA:link,.entrylistitemA:visited,.itemdescA:link,.itemdescA:visited{...}{
background-color:transparent;
text-decoration:none;
color:#0095C8;
font-size:12px;
font-weight:normal;
}

.entrylistitemA:hover,.itemdescA:hover{...}{
background-color:transparent;
text-decoration:underline;
color:#0095C8;
font-size:12px;
font-weight:normal;
}

a.entrylisttitle:link,a.entrylisttitle:visited{...}{
background-color:transparent;
text-decoration:none;
color:#FF1864;
font-size:14px;
font-weight:bold;
}

a.entrylisttitle:hover{...}{
background-color:transparent;
text-decoration:underline;
color:#FF1864;
font-size:14px;
font-weight:bold;
}

h1,h2{...}{
font-weight:bold;
font-size:16px;
background-color:transparent;
color:#842F00;
}

.postText,.postTextP,TD,P{...}{font-size:12px;}

.BlogIndex{...}{
color:#2CBE00;
text-align:left;
margin-left:20px;
margin-top:145px;
margin-right:20px;
}

.BlogIndexA{...}{color:#2CBE00;}

.tagad{...}{DISPLAY:none;}
附加的JS代码:
<scriptlanguage="javascript">
varHasInit=false;
functionGetElementByClass(AClass,TagName)
相关文章:
-
2021-07-21
-
2021-09-27
-
2022-12-23
-
2022-12-23
-
2021-04-01
-
2021-08-23