Sym - 一个用 Java 实现的现代化社区平台 • 源码 • 注册

Pipe - 小而美的开源博客平台 • 体验 • 皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载 
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

CSDN blog css -- 草绿风格

 

实例如下:

 

制作步骤:

1. 选择 AnotherEon001 皮肤

2. 把以下复制到自定义 CSS 样式

 

body{
    background:#A6B510 url(http://hi.csdn.net/attachment/200910/27/2190_12566350969gCY.jpg) repeat-y fixed center top;
    font-size:85%;
    color:#333333;
}
#csdnblog_allwrap {
    width:630px;
}
#csdnblog_allwrap {
    margin:0 auto 0;
}
#csdnblog_header ul#personalnav {
    display:none;
}
#csdnblog_midwrap {
    background:transparent;
    border:0px;
    padding:0px;
}
#csdnblog_header {
    background:transparent;
}
#csdnblog_header ul#menu {
    background:transparent;
}
#csdnblog_sidebar div.gutter {
    background:transparent;
    margin:0px;
    width:100%;
}
.aboutauthor {
    padding:0px;
}
#csdnblog_content {
    background:transparent;
    width:74%;
    margin:11px 0;
}
.default_contents{
    border:0px;
    margin:0;
}
#csdnblog_header h1 a {
    color:#A6B510;
    font-weight:bold;
    letter-spacing:0.1em;
    line-height:1.3em;
}
.default_contents h6.pubtime {
    color:#A6B510;
    padding:24px 0 0;
}
#csdnblog_header h2 {
    color:#A6B510;
    font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
    font-size:90%;
    font-size-adjust:none;
    font-style:italic;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:0.1em;
    line-height:1.3em;
}
.aboutauthor dt {
background:transparent url(http://hi.csdn.net/attachment/200910/28/2190_1256693756j1tz.gif) no-repeat scroll left center;
color:#FF7F00;
margin:1.5em 0 0.75em;
padding:2px 5px 0 30px;
}
.user_article h1.title_txt a:hover {
text-decoration:underline;
color:#FF7F00;
}
.user_article h1.title_txt a {
    color:#FF7F00;
    padding:1px 12px;
}
#csdnblog_header ul#menu li a{
color:#FF7F00;
text-decoration:none;
font-family:"Microsoft yahei",verdana,sans-serif;
font-size:14px;
font-weight:bold;
padding:0 21px;
}
#csdnblog_header ul#menu li a.last {
color:#FF7F00;
}
.default_contents h4.notice{
display:none;
}
#csdnblog_header ul#menu li a:hover {
color:#A6B510;
text-decoration:none;
width:100%;
margin:0px;
}
#csdnblog_header ul#blogsearchsty {
display:none;
}
#csdnblog_header ul#menu {
left:422px;
padding:20px 0 0;
width:48%;
}
.writeblog {
display:none;
}
a:hover {
color:#999999;
text-decoration:underline;
}
a{
color:#333333;
}
#csdnblog_sidebar {
margin:17px 0 0;
width:24%;
}
.middle {
text-align:left;
}
cite.fav_csdnstylebykimi a {
background:#A6B510;
text-decoration:none;
padding:1px 12px;
color:#ffffff;
}
cite.fav_csdnstylebykimi a:hover{
background:#A6B510;
color:#FF7F00;
text-decoration:underline;
}
#csdnblog_content div.gutter {
width:100%;
margin:0px;
}
.user_article p code a{
color:#FF7F00;
}
.user_article p code a:hover{
color:#A6B510;
}
.pagelist {
font-size:90%;
}
.pagelist a {
background:#A6B510;
}
.user_article {
    padding:1em 0;
}
.user_article h1.title_txt {
color:#A6B510;
padding:13px 0 2px;
}
.user_article h1.title_txt .div p a:link, a:visited, a:active {
color:#999999;
}
#csdnblog_header h1 a:hover{
color:#A6B510;
text-decoration:none;
}
.user_article p.articalinfo a{
text-decoration:none;
}
.user_article p.articalinfo a:hover{
text-decoration:underline;
}
#pubfooter{
font-size:10px;
}
#csdnblog_content {
font-size:12px;
}

3. 保存配置

 

貌似宽度有点不够。以后加以修改。。。


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

推荐阅读
留下你的脚步