實例如下:
制作步骤:
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.保存