For example:
Procedure:
1. Select anothereon001 skin
2. Copy the following to the custom CSS style
Body {<br/> Background: # f7f7f7 URL (http://hi.csdn.net/attachment/200911/7/2190_1257596077JTZF.jpg) Repeat scroll Left top; <br/> color: # 5a554e; <br/>}< br/>: 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 -- add to announcement
<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. Save