您现在的位置:首页 >> 建站经验 >> 内容

首页添加国庆60周年网站背景代码2款样式免费提供啦

时间:2009/10/4 13:42:34 点击:3884

  核心提示:咱们祖国60大庆,做为站长,大家一起来为自己的网站换装啦。1.国庆60年背景代码演示地址http://www.yiwanzhan.cn/使用方法 把下面代码放在你要放的页面模板head之间就行了stylebody { background-image:url(http://www.yiwanzhan...

咱们祖国60大庆,做为站长,大家一起来为自己的网站换装啦。

1.国庆60年背景代码演示地址http://www.yiwanzhan.cn/ 

使用方法 把下面代码放在你要放的页面模板head之间就行了

<style>
body { background-image:url(http://www.yiwanzhan.cn/60dq.jpg); background-repeat:no-repeat; background-position: top center;  padding-top:46px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>

 

2.国庆头部背景代码演示地址:http://www.yiwanzhan.cn/html/1068.htm

使用方法 把下面代码放在你要放的页面模板head之间就行了

<style>
body { background-image:url(http://www.yiwanzhan.cn/guoqing.jpg); background-repeat:no-repeat; background-position: top center;  padding-top:62px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>

 

补充一下,如果是想自己DIY一下,可以看看下面的

加上之后,是和我们网站原来头部并齐的,因为我们要看到背景中字,比如背景中的"热烈庆祝中华人民共和国成立60周年""1949-2009",所以我们另外还要做的就是

找到控制您网站最顶部的样式,给他定义一个margin-top:80px;这样原来网站的头部就往下移动80像素,这样就可以看到这些背景了。

<style>

body { margin-top:80px}

</style>

OK,刷新您的网页看看,有没有换上这个背景了^_^

 

国庆60年背景代码   国庆背景代码自适应   qq国庆背景代码   qq免费国庆背景代码   国庆头部背景代码

作者:冷月湖 录入:冷月湖 来源:原创
相关评论
发表我的评论
  • 大名:
  • 内容:
  • 亿万站网址导航-站长之家(www.yiwanzhan.cn) © 2006-2024 版权所有 All Rights Reserved.
  • Email:xiegr71@163.com 站长QQ:329700870 京ICP备07500142号