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


05年8月前的:
Blog历次的版面风格(图)


06年9月前的:
Blog历次的版面风格(图)
Blog历次的版面风格(图)

最近的效果图:
Blog历次的版面风格(图)

对应的CSS定义:

Blog历次的版面风格(图)Blog历次的版面风格(图)body{...}{
Blog历次的版面风格(图)margin
:0px;
Blog历次的版面风格(图)padding
:0px;
Blog历次的版面风格(图)font-size
:12px;
Blog历次的版面风格(图)font-family
:verdana,宋体;
Blog历次的版面风格(图)color
:#304101;
Blog历次的版面风格(图)background-color
:#8EC759;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)a:link,a:visited,a:active
Blog历次的版面风格(图)Blog历次的版面风格(图)
{...}{
Blog历次的版面风格(图)font-weight
:normal;
Blog历次的版面风格(图)color
:#0095C8;
Blog历次的版面风格(图)text-decoration
:none;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)a:hover
Blog历次的版面风格(图)Blog历次的版面风格(图)
{...}{
Blog历次的版面风格(图)background
:#transparent;
Blog历次的版面风格(图)color
:#0095C8;
Blog历次的版面风格(图)text-decoration
:underline;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).pagelayout
{...}{
Blog历次的版面风格(图)margin
:0px;
Blog历次的版面风格(图)padding
:0px;
Blog历次的版面风格(图)background-color
:#8EC759;
Blog历次的版面风格(图)top
:0px;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).leftcolumn
{...}{
Blog历次的版面风格(图)float
:left;
Blog历次的版面风格(图)width
:100%;
Blog历次的版面风格(图)text-align
:left;
Blog历次的版面风格(图)margin-left
:8px;
Blog历次的版面风格(图)margin-top
:2px;
Blog历次的版面风格(图)margin-right
:-240px;
Blog历次的版面风格(图)padding-left
:0px;
Blog历次的版面风格(图)padding-top
:8px;
Blog历次的版面风格(图)padding-bottom
:0px;
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)
}

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

Blog历次的版面风格(图)Blog历次的版面风格(图).centercolumn
{...}{
Blog历次的版面风格(图)float
:right;
Blog历次的版面风格(图)width
:191px;
Blog历次的版面风格(图)padding-right
:0px;
Blog历次的版面风格(图)margin-right
:8px;
Blog历次的版面风格(图)margin-top
:20px;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图).header
Blog历次的版面风格(图)Blog历次的版面风格(图)
{...}{
Blog历次的版面风格(图)margin
:0px;
Blog历次的版面风格(图)height
:142px;
Blog历次的版面风格(图)padding-top
:38px;
Blog历次的版面风格(图)padding-left
:25px;
Blog历次的版面风格(图)background
:url("http://p.blog.csdn.net/images/p_blog_csdn_net/nhconch/237963/o_blog_hder_bg.png")#8EC759fixedno-repeatrightbottom;
Blog历次的版面风格(图)color
:#E37903;
Blog历次的版面风格(图)font-size
:16px;
Blog历次的版面风格(图)font-family
:Verdana;
Blog历次的版面风格(图)font-weight
:bold;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)a.headermaintitle:link,a.headermaintitle:visited,a.headermaintitle:hover
Blog历次的版面风格(图)Blog历次的版面风格(图)
{...}{
Blog历次的版面风格(图)text-decoration
:none;
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)color
:#E37903;
Blog历次的版面风格(图)font-size
:24px;
Blog历次的版面风格(图)font-weight
:bold;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).datetitle
{...}{
Blog历次的版面风格(图)text-align
:left;
Blog历次的版面风格(图)padding-right
:4px;
Blog历次的版面风格(图)font-weight
:normal;
Blog历次的版面风格(图)font-size
:14px;
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)color
:#0095C8;
Blog历次的版面风格(图)border-bottom
:#EEEEEE1pxsolid;
Blog历次的版面风格(图)display
:none;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).posttitleA:link,.posttitleA:visited
{...}{
Blog历次的版面风格(图)text-decoration
:none;
Blog历次的版面风格(图)color
:#FF1864;
Blog历次的版面风格(图)font-size
:14px;
Blog历次的版面风格(图)font-weight
:bold;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).posttitleA:hover
{...}{
Blog历次的版面风格(图)text-decoration
:underline;
Blog历次的版面风格(图)color
:#FF1864;
Blog历次的版面风格(图)font-size
:14px;
Blog历次的版面风格(图)font-weight
:bold;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).postTitle
{...}{font-size:14px;}
Blog历次的版面风格(图).footer
Blog历次的版面风格(图)Blog历次的版面风格(图)
{...}{
Blog历次的版面风格(图)width
:100%;
Blog历次的版面风格(图)background-color
:#8EC759;
Blog历次的版面风格(图)color
:#3A3625;
Blog历次的版面风格(图)border-top
:0px;
Blog历次的版面风格(图)font-size
:12px;
Blog历次的版面风格(图)text-align
:center;
Blog历次的版面风格(图)padding
:0px;
Blog历次的版面风格(图)vertical-align
:middle;
Blog历次的版面风格(图)background
:url("http://p.blog.csdn.net/images/p_blog_csdn_net/nhconch/237963/o_bot_bg.gif");
Blog历次的版面风格(图)height
:64px;
Blog历次的版面风格(图)
}

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

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

Blog历次的版面风格(图)Blog历次的版面风格(图)a.listitem:link,a.listitem:visited,a.listitem:hover
{...}{
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)font-size
:12px;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图)ul.list,ol.list
{...}{
Blog历次的版面风格(图)border
:0px;
Blog历次的版面风格(图)padding-left
:3px;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).moreinfotitle
{...}{font-size:14px;}
Blog历次的版面风格(图)Blog历次的版面风格(图).moreinfo,.comments
{...}{font-size:12px;}
Blog历次的版面风格(图)Blog历次的版面风格(图)input,textarea
{...}{font-size:12px;}
Blog历次的版面风格(图)Blog历次的版面风格(图).entrylistitemA:link,.entrylistitemA:visited,.itemdescA:link,.itemdescA:visited
{...}{
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)text-decoration
:none;
Blog历次的版面风格(图)color
:#0095C8;
Blog历次的版面风格(图)font-size
:12px;
Blog历次的版面风格(图)font-weight
:normal;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).entrylistitemA:hover,.itemdescA:hover
{...}{
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)text-decoration
:underline;
Blog历次的版面风格(图)color
:#0095C8;
Blog历次的版面风格(图)font-size
:12px;
Blog历次的版面风格(图)font-weight
:normal;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图)a.entrylisttitle:link,a.entrylisttitle:visited
{...}{
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)text-decoration
:none;
Blog历次的版面风格(图)color
:#FF1864;
Blog历次的版面风格(图)font-size
:14px;
Blog历次的版面风格(图)font-weight
:bold;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图)a.entrylisttitle:hover
{...}{
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)text-decoration
:underline;
Blog历次的版面风格(图)color
:#FF1864;
Blog历次的版面风格(图)font-size
:14px;
Blog历次的版面风格(图)font-weight
:bold;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图)h1,h2
{...}{
Blog历次的版面风格(图)font-weight
:bold;
Blog历次的版面风格(图)font-size
:16px;
Blog历次的版面风格(图)background-color
:transparent;
Blog历次的版面风格(图)color
:#842F00;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).postText,.postTextP,TD,P
{...}{font-size:12px;}
Blog历次的版面风格(图)Blog历次的版面风格(图).BlogIndex
{...}{
Blog历次的版面风格(图)color
:#2CBE00;
Blog历次的版面风格(图)text-align
:left;
Blog历次的版面风格(图)margin-left
:20px;
Blog历次的版面风格(图)margin-top
:145px;
Blog历次的版面风格(图)margin-right
:20px;
Blog历次的版面风格(图)
}

Blog历次的版面风格(图)Blog历次的版面风格(图).BlogIndexA
{...}{color:#2CBE00;}
Blog历次的版面风格(图)Blog历次的版面风格(图).tagad
{...}{DISPLAY:none;}
附加的JS代码:
Blog历次的版面风格(图)<scriptlanguage="javascript">
Blog历次的版面风格(图)
varHasInit=false;
Blog历次的版面风格(图)
functionGetElementByClass(AClass,TagName)
Blog历次的版面风格(图)

相关文章:

  • 2021-07-21
  • 2021-09-27
  • 2022-12-23
  • 2022-12-23
  • 2021-04-01
  • 2021-08-23
猜你喜欢
  • 2021-10-24
  • 2021-05-26
  • 2022-01-23
  • 2022-01-21
  • 2022-12-23
  • 2021-06-10
  • 2021-05-28
相关资源
相似解决方案