春节到了,到处都是喜庆的气氛,网站也不能冷冰冰的,快加上喜庆代码吧!以下是我做的一个效果,大家可以用来参考,喜欢的可以直接拿来用。附PSD源文件,可修改。
演示页面:http://www.nnsuda.com.cn 下载地址:2012春节网页喜庆背景(可关闭)
使用说明:
第1步: <!--将以下代码放在<head>与</head>之间--> <style type="text/css"> <!-- .skin_xq {background:url( images/2012.jpg) left top repeat-x;} .skin_xq .topbg {background:url( images/2012.jpg) 50% top no-repeat; max-width:1440px; height:770px; margin:0 auto;} .skin_xq .toprel {width:980px; margin:-770px auto 0; position:relative; height:96px;} .skin_xq .topimg {position:absolute; width:980px; height:96px; background:url( images/2012.jpg) -230px top no-repeat; left:0; top:0;} .close {display:none;} .skin_xq .close {display:block; position:absolute; right:0; bottom:0; cursor:pointer; background:url( images/2012.jpg) -1174px -84px no-repeat; width:36px; height:12px; text-indent:-99em; overflow:hidden;} body,td,th { font-size: 12px; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style>
第2步: <!--将以下代码放在body之间--> <div class="topbg"></div> <div class="toprel"><a href="http://www.nnsuda.com.cn" class="topimg"></a> <a class="close" onclick="body.className=' '">关闭</a></div>
第3步: <!--在<body>标签要加上class="skin_xq"--> <body class="skin_xq">
第4步: 图片“2012.jpg”文件夹位置:/images/2012.jpg
上传以下图片:
|