春节网站头部背景代码，全屏大背景

[ 2012-12-21 16:55:14 | 作者: admin ]

字号: 大 | 中 | 小

春节马上到了，阿东祝大家龙年行大运、新年新气象！
在此阿东把新年网站头部毕竟代码写出来，帮助大家能够给自己小站换上新年网站背景，增加新年气氛。
效果图：

打开网站后台的源代码，加入下面代码即可：

方法一
在网页<head></head>中加入

<style>
body{下面添加以下代码
background-image:url(你的头部背景图片地址);
background-repeat:no-repeat; background-position: top center; padding-top:38px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>
或在所调用的CSS中找到body{}或html{}
如在
body{下面添加以下代码
background-image:url(你的头部背景图片地址);
background-repeat:no-repeat; background-position: top center; padding-top:38px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}

方法二
在网页合适的地方添加代码
以下是代码片段：
<div style="background:url(<div style="background:url({Stl.SiteUrl}/images/2012ydbj.jpg); background-position:center top; background-repeat: repeat-x;padding-top:38px;">
<div style="HEIGHT: 76px"></div>); background-position:center top; background-repeat: repeat-x;padding-top:38px;">
<div style="HEIGHT: 76px"></div>
</div>

方法三
再网页头部选择部分区域(区域选取必须为通栏平行的矩形块)添加背景，可先找到区域位置所在的html代码，在起始位置加上
在结束位置加上
</div>
（假设代码background-repeat: repeat-y;那么图片垂直拉伸，水平不变。background-repeat: no-repeat；背景图片则按照图片自己的本身大小显示。background-repeat: repeat；背景图片水平和垂直都拉伸）

演示图下载：