Csdn Blog模板CSS代码(7):蓝色天空
2006-11-12 09:06
330 查看
模板预览:
点击查看完整图像
换肤步骤:
进入后台,打开配置选项
皮肤选择blue
将下面的css代码copy至自定义css文本框,最后保存
css代码:
<script type="text/javascript"><!--
google_ad_client = "pub-8062744370448170";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = "250x250_as";
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "CC0000";
google_color_text = "000000";
google_color_url = "008000";
//--></script><script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
p{text-indent:2em;}
h1,h2,h3,h4{
color:075181;
}
a:link{border:none;}
.dateTitle{
background:#fff;
color:68ADD5;
border-bottom:#7D7DD8 1px solid;
}
.listTitle{
padding-left:2em;
padding-top:8px;
background:url(http://blog.donews.com/images/blog_donews_com/liqingsong/115083/o_h.gif) no-repeat;
height:3em;
color:#075181;
}
.listitem{
border-bottom:#ddd 1px dashed;
}
.leftcolumn ul{
border:none;
}
html, body
{
margin: 0;
padding: 0;
background: #000 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_bg.jpg) repeat-x;
color: #333;
font-family: arial, helvetica, sans-serif;
font-size:13px;
}
/* Start Layout and Page Formatting */
.pagelayout
{
background: #000 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_mainbg.jpg) repeat-y;
width:800px;
position:absolute;
left:50%;
margin-left:-400px;
}
.header{
height:180px;
background:#000 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_header2.jpg) center no-repeat;
width:800px;
border:none;
}
#Header1_HeaderTitle{
display:block;
padding:50px 0 0 130px;
background:transparent;
color:#fff;
}
.leftcolumn
{
width: 200px;
word-wrap: break-word;
margin-right:10px;
float:right;
}
.centercolumn
{
width:540px;
margin:0;
padding-left:20px;
}
.postTitle{
padding-left:2em;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_h.gif) no-repeat;
border:none;
}
.postTitle img{display:none}
.footer{
border:none;
height:80px !important;
height:80px;
background:#000 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_footer.jpg) no-repeat;
}
点击查看完整图像
换肤步骤:
进入后台,打开配置选项
皮肤选择blue
将下面的css代码copy至自定义css文本框,最后保存
css代码:
<script type="text/javascript"><!--
google_ad_client = "pub-8062744370448170";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = "250x250_as";
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "CC0000";
google_color_text = "000000";
google_color_url = "008000";
//--></script><script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
p{text-indent:2em;}
h1,h2,h3,h4{
color:075181;
}
a:link{border:none;}
.dateTitle{
background:#fff;
color:68ADD5;
border-bottom:#7D7DD8 1px solid;
}
.listTitle{
padding-left:2em;
padding-top:8px;
background:url(http://blog.donews.com/images/blog_donews_com/liqingsong/115083/o_h.gif) no-repeat;
height:3em;
color:#075181;
}
.listitem{
border-bottom:#ddd 1px dashed;
}
.leftcolumn ul{
border:none;
}
html, body
{
margin: 0;
padding: 0;
background: #000 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_bg.jpg) repeat-x;
color: #333;
font-family: arial, helvetica, sans-serif;
font-size:13px;
}
/* Start Layout and Page Formatting */
.pagelayout
{
background: #000 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_mainbg.jpg) repeat-y;
width:800px;
position:absolute;
left:50%;
margin-left:-400px;
}
.header{
height:180px;
background:#000 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_header2.jpg) center no-repeat;
width:800px;
border:none;
}
#Header1_HeaderTitle{
display:block;
padding:50px 0 0 130px;
background:transparent;
color:#fff;
}
.leftcolumn
{
width: 200px;
word-wrap: break-word;
margin-right:10px;
float:right;
}
.centercolumn
{
width:540px;
margin:0;
padding-left:20px;
}
.postTitle{
padding-left:2em;
background:url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_h.gif) no-repeat;
border:none;
}
.postTitle img{display:none}
.footer{
border:none;
height:80px !important;
height:80px;
background:#000 url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_footer.jpg) no-repeat;
}
相关文章推荐
- Csdn Blog模板CSS代码(6):笔记簿
- Csdn Blog模板CSS代码(8):高架桥
- Csdn Blog模板CSS代码(2):简洁space风格
- Csdn Blog模板CSS代码(3):小巧玲珑
- Csdn Blog模板CSS代码(4):静静的原野
- Csdn Blog模板CSS代码(5):蓝色海洋
- Csdn Blog模板CSS代码(1):我心飞翔
- 一款很个性的蓝色JS+CSS选项卡代码
- 蓝色风格的JS+CSS个性菜单代码
- div+css实现软件公司网站蓝色导航菜单代码
- 竖向蓝色圆角经典的CSS菜单代码
- jQuery+css实现的蓝色水平二级导航菜单效果代码
- css 分页样式代码(基于a或li)绿色与蓝色
- Csdn Blog模板CSS代码
- 纯css实现蓝色圆角效果水平导航菜单代码
- JS+CSS实现电子商务网站导航模板效果代码
- CSS文件设计初始化代码(css设计模板)
- 蓝色天空HTML网页模板
- jQuery+css实现的蓝色水平二级导航菜单效果代码
- 使用CSS代码修改博客模板