Csdn Blog模板CSS代码(9):初升的太阳
2006-11-12 15:35
405 查看
模板预览:
点击查看完整视图
换肤步骤:
换肤步骤:
进入后台,打开配置选项
皮肤选择Cogitation
将下面的css代码copy至自定义css文本框,最后保存
有问题请留言
div{word-wrap:break-word}
body{
margin:0;
padding:0;
background:#343434 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_bg9.jpg) repeat-x;
color:#808080;
}
a:hover{
background:#a90000;
}
#Form1{
position:absolute;
width: 787px;
left:50%;
margin-left:-393px;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_mainbg9.gif) repeat-y;
}
#top{
height:166px;
border:none;
background:#fff url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_header9.jpg) no-repeat;
}
#Header1_HeaderTitle{
position:relative;
top:20px;
left:30px;
font-size:1em;
}
#tagline{
background:#A90000;
height:50px;
position:relative;
top:130px;
padding:5px 0 5px 10px;
margin-left:-4px !important;
margin-left:0;
color:#fff;
display:block;
width:760px ;
border:none;
}
#leftmenu{
position:relative;
float:left;
margin-top:70px;
margin-left:10px;
width:200px;
background:#fff url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_mright.png) right top no-repeat;
}
#main{
position:relative;
top:70px;
margin-left:210px;
width:68% !important;
width:98%;
border:none;
}
div.post,div.postTitle,div.postFoot{
border:none;
}
div.postTitle img{display:none;}
div.postTitle{
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_h9.gif) 2px 5px no-repeat;
color:#000;
text-indent:1em;
}
.dateTitle{
display:block;
right;0px;
text-align:center;
width:100%;
border-bottom:#feab06 1px solid;
}
.listtitle,h3{
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_li.png) repeat-y;
height:2em;
text-indent:1em;
padding-top:0.5em;
border-bottom:#555 0.5px dashed;
width:95%;
}
.HeaderBarTab{
position:absolute;
background:#a90000;
top:149px;
left:8px;
width:770px;
padding-top:0px;
padding-bottom:0;
height:2em;
}
.HeaderBarTab a:hover{
background:#F97300;
color:#fff;
}
#Header1_BlueTab{
display:none;
}
.BlogStatsBar{
position:absolute;
top:10px;
right:10px;
color:#fff;
font-size:1em;
}
#footer{
clear:both;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_footer9.jpg) no-repeat left bottom;
height:100px;
}
点击查看完整视图
换肤步骤:
换肤步骤:
进入后台,打开配置选项
皮肤选择Cogitation
将下面的css代码copy至自定义css文本框,最后保存
有问题请留言
div{word-wrap:break-word}
body{
margin:0;
padding:0;
background:#343434 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_bg9.jpg) repeat-x;
color:#808080;
}
a:hover{
background:#a90000;
}
#Form1{
position:absolute;
width: 787px;
left:50%;
margin-left:-393px;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_mainbg9.gif) repeat-y;
}
#top{
height:166px;
border:none;
background:#fff url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_header9.jpg) no-repeat;
}
#Header1_HeaderTitle{
position:relative;
top:20px;
left:30px;
font-size:1em;
}
#tagline{
background:#A90000;
height:50px;
position:relative;
top:130px;
padding:5px 0 5px 10px;
margin-left:-4px !important;
margin-left:0;
color:#fff;
display:block;
width:760px ;
border:none;
}
#leftmenu{
position:relative;
float:left;
margin-top:70px;
margin-left:10px;
width:200px;
background:#fff url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_mright.png) right top no-repeat;
}
#main{
position:relative;
top:70px;
margin-left:210px;
width:68% !important;
width:98%;
border:none;
}
div.post,div.postTitle,div.postFoot{
border:none;
}
div.postTitle img{display:none;}
div.postTitle{
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_h9.gif) 2px 5px no-repeat;
color:#000;
text-indent:1em;
}
.dateTitle{
display:block;
right;0px;
text-align:center;
width:100%;
border-bottom:#feab06 1px solid;
}
.listtitle,h3{
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_li.png) repeat-y;
height:2em;
text-indent:1em;
padding-top:0.5em;
border-bottom:#555 0.5px dashed;
width:95%;
}
.HeaderBarTab{
position:absolute;
background:#a90000;
top:149px;
left:8px;
width:770px;
padding-top:0px;
padding-bottom:0;
height:2em;
}
.HeaderBarTab a:hover{
background:#F97300;
color:#fff;
}
#Header1_BlueTab{
display:none;
}
.BlogStatsBar{
position:absolute;
top:10px;
right:10px;
color:#fff;
font-size:1em;
}
#footer{
clear:both;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_footer9.jpg) no-repeat left bottom;
height:100px;
}
相关文章推荐
- Csdn Blog模板CSS代码
- Csdn Blog模板CSS代码
- Csdn Blog模板CSS代码(5):蓝色海洋
- 打造CSDN里最有个性的Blog版面(HTML+CSS)
- CSDN blog css -- 天藍风格
- 花了一段时间看css把这个新blog个性化了一番——还好这里和csdn用的是一个blog系统,省了不少事情。
- 博客技巧----如何查看BLOG网站的CSS代码
- 查看博客模板的css代码
- csdn blog css自定义设置介绍
- 打造CSDN里最有个性的Blog版面(HTML+CSS)
- 打造CSDN里最有个性的Blog版面(HTML+CSS)http://blog.csdn.net/DL88250/archive/2007/02/06/1503789.aspx
- 最简单的换肤(模板替换)应用技术为js+css(附加演示代码)
- 由于CSDN的BLOG不能上传代码,我现在使用blog.likeshow.net
- CSDN 越来越垃圾了,越改版用户体验越差。还tm只让用3个这么丑的模板,css都不开。靠~
- 如何查看高手的BLOG网站的CSS代码
- CSDN blog css -- 草绿风格
- CSDN blog css -- 天藍风格
- JS+CSS实现电子商务网站导航模板效果代码
- IE和Firefox中Javascript和CSS的区别(轉:http://blog.csdn.net/superbeck/archive/2008/10/16/3082550.aspx)