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.保存