Blog历次的版面风格(图)

自从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)
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页