您的位置:首页 > Web前端 > CSS

CSDN blog css -- 草绿风格

2009-10-28 09:37 411 查看
实例如下:



制作步骤:

1.选择AnotherEon001皮肤

2.把以下复制到自定义CSS样式

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


3.保存配置

貌似宽度有点不够。以后加以修改。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: