CSDN blog css — 天藍風格

實例如下：

 

製作步驟：
1.選擇AnotherEon001皮膚

2.把以下複製到自訂CSS樣式

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

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