Blog历次的版面风格（图）

自从优快云升级博客到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("https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/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("https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/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("https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/nhconch/237963/o_bot_bg.gif");
height:64px;
}
.listtitle {...} {
color:#842F00;
height:49px;
background:url("https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/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("https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/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 " >
var HasInit = false ;
function GetElementByClass(AClass,TagName)