CSDN blog css — 草綠風格

 

執行個體如下：

 

製作步驟：

1.選擇AnotherEon001皮膚

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

 

body{<br /> background:#A6B510 url(http://hi.csdn.net/attachment/200910/27/2190_12566350969gCY.jpg) repeat-y fixed center top;<br /> font-size:85%;<br /> color:#333333;<br />}<br />#csdnblog_allwrap {<br /> width:630px;<br />}<br />#csdnblog_allwrap {<br /> margin:0 auto 0;<br />}<br />#csdnblog_header ul#personalnav {<br /> display:none;<br />}<br />#csdnblog_midwrap {<br /> background:transparent;<br /> border:0px;<br /> padding:0px;<br />}<br />#csdnblog_header {<br /> background:transparent;<br />}<br />#csdnblog_header ul#menu {<br /> background:transparent;<br />}<br />#csdnblog_sidebar div.gutter {<br /> background:transparent;<br /> margin:0px;<br /> width:100%;<br />}<br />.aboutauthor {<br /> padding:0px;<br />}<br />#csdnblog_content {<br /> background:transparent;<br /> width:74%;<br /> margin:11px 0;<br />}<br />.default_contents{<br /> border:0px;<br /> margin:0;<br />}<br />#csdnblog_header h1 a {<br /> color:#A6B510;<br /> font-weight:bold;<br /> letter-spacing:0.1em;<br /> line-height:1.3em;<br />}<br />.default_contents h6.pubtime {<br /> color:#A6B510;<br /> padding:24px 0 0;<br />}<br />#csdnblog_header h2 {<br /> color:#A6B510;<br /> font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;<br /> font-size:90%;<br /> font-size-adjust:none;<br /> font-style:italic;<br /> font-variant:normal;<br /> font-weight:normal;<br /> letter-spacing:0.1em;<br /> line-height:1.3em;<br />}<br />.aboutauthor dt {<br />background:transparent url(http://hi.csdn.net/attachment/200910/28/2190_1256693756j1tz.gif) no-repeat scroll left center;<br />color:#FF7F00;<br />margin:1.5em 0 0.75em;<br />padding:2px 5px 0 30px;<br />}<br />.user_article h1.title_txt a:hover {<br />text-decoration:underline;<br />color:#FF7F00;<br />}<br />.user_article h1.title_txt a {<br /> color:#FF7F00;<br /> padding:1px 12px;<br />}<br />#csdnblog_header ul#menu li a{<br />color:#FF7F00;<br />text-decoration:none;<br />font-family:"Microsoft yahei",verdana,sans-serif;<br />font-size:14px;<br />font-weight:bold;<br />padding:0 21px;<br />}<br />#csdnblog_header ul#menu li a.last {<br />color:#FF7F00;<br />}<br />.default_contents h4.notice{<br />display:none;<br />}<br />#csdnblog_header ul#menu li a:hover {<br />color:#A6B510;<br />text-decoration:none;<br />width:100%;<br />margin:0px;<br />}<br />#csdnblog_header ul#blogsearchsty {<br />display:none;<br />}<br />#csdnblog_header ul#menu {<br />left:422px;<br />padding:20px 0 0;<br />width:48%;<br />}<br />.writeblog {<br />display:none;<br />}<br />a:hover {<br />color:#999999;<br />text-decoration:underline;<br />}<br />a{<br />color:#333333;<br />}<br />#csdnblog_sidebar {<br />margin:17px 0 0;<br />width:24%;<br />}<br />.middle {<br />text-align:left;<br />}<br />cite.fav_csdnstylebykimi a {<br />background:#A6B510;<br />text-decoration:none;<br />padding:1px 12px;<br />color:#ffffff;<br />}<br />cite.fav_csdnstylebykimi a:hover{<br />background:#A6B510;<br />color:#FF7F00;<br />text-decoration:underline;<br />}<br />#csdnblog_content div.gutter {<br />width:100%;<br />margin:0px;<br />}<br />.user_article p code a{<br />color:#FF7F00;<br />}<br />.user_article p code a:hover{<br />color:#A6B510;<br />}<br />.pagelist {<br />font-size:90%;<br />}<br />.pagelist a {<br />background:#A6B510;<br />}<br />.user_article {<br /> padding:1em 0;<br />}<br />.user_article h1.title_txt {<br />color:#A6B510;<br />padding:13px 0 2px;<br />}<br />.user_article h1.title_txt .div p a:link, a:visited, a:active {<br />color:#999999;<br />}<br />#csdnblog_header h1 a:hover{<br />color:#A6B510;<br />text-decoration:none;<br />}<br />.user_article p.articalinfo a{<br />text-decoration:none;<br />}<br />.user_article p.articalinfo a:hover{<br />text-decoration:underline;<br />}<br />#pubfooter{<br />font-size:10px;<br />}<br />#csdnblog_content {<br />font-size:12px;<br />}<br />

3.儲存配置

 

貌似寬度有點不夠。以後加以修改。。。