Csdn Blog模板CSS代碼

 

換膚步驟：

（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設計，但在其他解析度下也能正常閱讀。

聲明：圖片來自於互連網

本文來自：http://blog.csdn.net/winnersong/archive/2006/08/31/1150448.aspx