Csdn Blog模板CSS代码（1）：我心飞翔

 

Csdn blog是一个有质量的blog,但是我认为好的UI更能吸引人阅读---------------------零度

效果御览：点击看大图

 


换肤步骤：

（1）进入csdn blog管理后台，打开配置选项，在配置清单的皮肤下拉菜单中选择Cogitation;

（2）将以下css 代码copy到自定义 css样式下面的文本框里；

（3）点击保存即可完成换肤，你blog的外貌即刻焕然一新!

 

/*设计:零度(blog.csdn.net/winnersong)*/

a:link{
color:#3939D8;
}
a:visited{
color:#47B12C;
}

body{
background:transparent;
}

#Form1{
border:none;
width:100%;

}
#top{
background:#fff url(
http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_bg_header.jpg) repeat;
border:#8b8b72 dashed 1px;
height:147;
}
#tagline{
background:transparent;
font-size:13px;
text-align:left;
}

 .HeaderTitles{
position:absolute;
left:40%;
top:20px;
border:none;
}

.HeaderTitles a:hover{
background:#47B12C;
}

.HeaderBar{
border:none;
background:transparent;

}

.HeaderBarTab{
position:absolute;
left:26%;
top:160px;
background:#fff;
height:25px;
font-size:13px;
border:#8b8b72 dashed 1px;
}

.HeaderBarTab a:link{
color:#3939D8;
}

.HeaderBarTab a:hover{
background-color:#47B12C;
}
.HeaderBarTab a:visited{
color:#000;
}

#Header1_BlueTab{
display:none;
}
#Header1_Mylinks1_Admin{
color:#000;
}

.BlogStatsBar{
position:relative;
background:transparent;
left:35%;
top:40;
font-size:12px;

}

#Form1{
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_back.gif) repeat;

}

#main{
margin-left : 25%;
margin-top:30px;
background:transparent;
border:none;
}

#leftmenu{
font-size:15px;

position:relative;
float:left;
top:-55;
background:#fff;
border:none;
margin-left:2%;
width:20%;
border:#8b8b72 dashed 1px;
}

#leftmenu H3{
font-size:14px;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_h3bg.gif) bottom no-repeat;
padding-left:10px;

}

div .post{
border:#8b8b72 dashed 1px;
background:#fff;
}

div .postTitle{
padding-left:25px;
font-size:15px;
}

div .postText{
padding-left:15px;
}

.Tag{
height:20px;
}

#tagad{
display:none
}

 

本UI主要针对1024*768设计，但在其他分辨率下也能正常阅读。

声明：图片来自于互联网

 

点击此处查看更多模板