换肤步骤:
(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(
https://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(https://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(https://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
}
color:#3939D8;
}
a:visited{
color:#47B12C;
}
body{
background:transparent;
}
#Form1{
border:none;
width: 100 % ;
}
#top{
background:#fff url(
https://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(https://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(https://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设计,但在其他分辨率下也能正常阅读。
声明:图片来自于互联网
本文来自:http://blog.csdn.net/winnersong/archive/2006/08/31/1150448.aspx