🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

CSDN blog css -- 天藍风格

實例如下:

 


制作步骤:
1.选择AnotherEon001皮肤

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


body{
	background:#F7F7F7 url(http://hi.csdn.net/attachment/200911/7/2190_1257596077JTZF.jpg) repeat scroll left top;
	color:#5A554E;
}
a:hover {
color:#516C00;
text-decoration:none;
}
a {
color:#516C00;
text-decoration:underline;
}
#csdnblog_allwrap {
background:transparent url(http://hi.csdn.net/attachment/200911/7/2190_1257596078Jy94.jpg) repeat-x scroll left top;
margin:0;
width:100%;
padding:0;
}
#csdnblog_midwrap {
background:#FFFFFF none repeat scroll 0 0;
border:0 none;
float:none;
margin:0 auto;
width:1000px;
}
/*header*/
#divmenu {
background:transparent url(http://hi.csdn.net/attachment/200911/7/2190_1257596083RcJW.jpg) no-repeat scroll 0 bottom;
height:65px;
margin:0 0;
padding:161px 0 0;
}
#csdnblog_header {
background:transparent url(http://hi.csdn.net/attachment/200911/7/2190_1257596082oBIo.jpg) repeat scroll 0 0;
float:none;
height:288px;
}
#csdnblog_header ul#blogsearchsty {
right:0;
top:7px;
}
#csdnblog_header h1 a {
color:#FFFFFF;
text-decoration:none;
}
#csdnblog_header h2 {
color:#C5E8FF;
}
#csdnblog_header ul#personalnav {
display:none;
}
#csdnblog_header ul#menu {
background:transparent none repeat scroll 0 0;
padding-left:345px;
position:absolute;
top:auto;
}
#csdnblog_header ul#menu li a {
background:transparent url(http://hi.csdn.net/attachment/200911/7/2190_1257596083c4A3.jpg) repeat-x scroll left top;
color:#FFFFFF;
float:left;
font-size:18px;
font-weight:normal;
height:33px;
margin-left:10px;
padding-top:15px;
text-align:center;
text-decoration:none;
}
/*left*/
.aboutauthor dt span {
margin:0 6px;
}
#csdnblog_sidebar div.gutter {
background:#FFFFFF none repeat scroll 0 0;
}
.aboutauthor dt {
background:transparent url(http://hi.csdn.net/attachment/200911/7/2190_1257601791Sv39.jpg) no-repeat scroll right bottom;
border:0 none;
color:#493E2B;
height:52px;
margin-bottom:-19px;
}
/*right*/
.default_contents h4.notice {
display:none;
}
.default_contents h6.pubtime {
color:#493E2B;
border:0px;
}
.user_article h1.title_txt a {
color:#6E8D3D;
text-decoration:none;
}
.user_article h1.title_txt a:hover {
color:#6E8D3D;
text-decoration:none;
}
.default_contents {
border:0px;
}
.user_article p code a {
color:#516C00;
text-decoration:underline;
}
.user_article p code a:hover {
color:#516C00;
text-decoration:none;
}
.user_article h1.title_txt .div p a:link, a:visited, a:active {
color:#666666;
}
.user_article p.articalinfo {
background:#FFFFFF;
}
.user_article h1.title_txt {
border:0px;
}
.user_article>p {
background:transparent url(http://hi.csdn.net/attachment/200911/7/2190_1257601791Sv39.jpg) no-repeat scroll left top;
padding:17px 6px 0;
}
.user_article p.articalinfo a:hover {
margin:0 3px;
text-decoration:none;
}
cite.fav_csdnstylebykimi a:hover {
background:transparent;
}
cite.fav_csdnstylebykimi a {
background:transparent;
}
.user_article h1.title_txt {
color:#6E8D3D;
font-size:20px;
font-weight:normal;
}
.user_article p.articalinfo a:hover {
color:#516C00;
}
.writeblog {
display:none;
}
/*footer*/
#pubfooter {
border:0 none;
clear:both;
float:none;
font-size:11px;
padding:40px 0 0;
}
.pagelist a {
background:#C5E8FF;
}
.pagelist a:hover {
background:#93B300;
}
 


3js--放入公告中
<script type="text/javascript">
var menudiv =  document.createElement('div');
var menu = document.getElementById("menu");
menudiv.id = 'divmenu';
document.getElementById("csdnblog_header").appendChild(menudiv);
menudiv.appendChild(menu);
</script>


4.保存


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

推荐阅读
留下你的脚步