Csdn Blog模板CSS代码(2):简洁space风格
2006-08-31 20:53
295 查看
预览:点击查看完整图
换肤步骤:
进入后台配置选项:
(1)皮肤选择:blue
(2)css代码如下:
.Tag
{
position:relative;
background:#CBA0E7;
margin-left:5.5%;
padding-top:5px;
width:79%;
}
div{
margin:0px;
}
body{
background:#F0E5F7;
}
.header{
position:relative;
margin-top:0;
left:0%;
height:206px;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_2-header.JPG) repeat-x;
}
#Header1_HeaderTitle {
background:transparent;
color:#fff;
position:relative;
font-size:25pt;
top:100;
left:34%;
}
div.tag{
height:30px;
left:34px;
}
.pagelayout{
background:#F7F2FB;
margin-top:25px;
width:100%;
}
.leftcolumn{
position:relative;
left:5%;
}
.listtitle{
background:#CAA4E3;
color:#71309D;
border:none;
}
.list
{
background:#E8D8F3;
border-top:none;
}
.dateTitle{
position:relative;
line-height:19px;
left:10%;
background:transparent url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_2-hudie.JPG) right no-repeat;
border:none;
color:#71309D;
width:25%;
}
.post{
margin-left:10%;
margin-top:2%;
background:#E8D8F3;
width:80%;
border:#8D3CC4 1px solid;
}
.postText
{
padding:15;
}
.postTitle{
padding-left:15px;
background:#CAA4E3;
color:#71309D;
text-decoration:none ;
}
#tagad{
display:none;
}
.moreinfo{
margin-left:13%;
background:#F7F2FB;
}
.postFoot{
background:#E8D8F3;
}
点击此处查看更多模板
换肤步骤:
进入后台配置选项:
(1)皮肤选择:blue
(2)css代码如下:
.Tag
{
position:relative;
background:#CBA0E7;
margin-left:5.5%;
padding-top:5px;
width:79%;
}
div{
margin:0px;
}
body{
background:#F0E5F7;
}
.header{
position:relative;
margin-top:0;
left:0%;
height:206px;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_2-header.JPG) repeat-x;
}
#Header1_HeaderTitle {
background:transparent;
color:#fff;
position:relative;
font-size:25pt;
top:100;
left:34%;
}
div.tag{
height:30px;
left:34px;
}
.pagelayout{
background:#F7F2FB;
margin-top:25px;
width:100%;
}
.leftcolumn{
position:relative;
left:5%;
}
.listtitle{
background:#CAA4E3;
color:#71309D;
border:none;
}
.list
{
background:#E8D8F3;
border-top:none;
}
.dateTitle{
position:relative;
line-height:19px;
left:10%;
background:transparent url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_2-hudie.JPG) right no-repeat;
border:none;
color:#71309D;
width:25%;
}
.post{
margin-left:10%;
margin-top:2%;
background:#E8D8F3;
width:80%;
border:#8D3CC4 1px solid;
}
.postText
{
padding:15;
}
.postTitle{
padding-left:15px;
background:#CAA4E3;
color:#71309D;
text-decoration:none ;
}
#tagad{
display:none;
}
.moreinfo{
margin-left:13%;
background:#F7F2FB;
}
.postFoot{
background:#E8D8F3;
}
点击此处查看更多模板
相关文章推荐
- Csdn Blog模板CSS代码(8):高架桥
- Csdn Blog模板CSS代码(4):静静的原野
- 【示例代码】简洁优雅的现代风格网站模板
- Csdn Blog模板CSS代码(1):我心飞翔
- Csdn Blog模板CSS代码(6):笔记簿
- Csdn Blog模板CSS代码(7):蓝色天空
- Csdn Blog模板CSS代码(3):小巧玲珑
- 【示例代码】 黑色win8风格网站模板
- 超简洁又强大的幻灯片JS、CSS代码,兼容性强
- 仿Vista风格按钮菜单代码(纯CSS打造)
- 灰色星期一,网站变灰白风格CSS代码
- 采用CSS+JS实现简洁的滑动导航栏_网页代码站(www.webdm.cn)
- 代码风格.Python-整体风格.0001.Python Clean Code简洁代码的9原则?
- 蓝色经典简洁的CSS滑动门代码
- 24款很不错的WEB 2.0风格翻页页码CSS代码集合。
- 纯CSS实现的紫罗兰风格导航条效果代码
- 模板 让代码更简洁
- 古风风格DIV+CSS模板
- css学习笔记 --初学 css代码风格、布局误区
- 纯CSS实现酷黑风格三级下拉菜单效果代码