今天是大年初一的倒数第4天,中国的传统节日农历新年的钟声马上就要敲响。全国各地在外打工、求学的学子都开始纷纷返乡过年,将春运带入了高潮。而我了解到,也有不少人选择在异国他乡度过2010虎年春节。相比之下,我是幸运的,又一次避过了春运铁路,有机会咋也要在春运期间体验一次回家过年的感觉。一直向往着电视荧屏中的那一幕:肚子坐在火车窗口,抱着大堆的行李,怀着无比激动的心情,望着窗外皑皑白雪,盼着早点回家。那种期待,那种心情,没有体验过或许真的表达不来。
当然,无论是否在他乡度过春节,你都会享受到浓浓的新年喜庆的氛围,相信你一定会抽出绝大多数时间去做平日因工作或学习没空去完成的心愿,譬如:好好睡一觉、玩玩游戏、找老同学聚聚。不过,我还是喜欢与网络为伴多一些,我一定会在网上去寻觅并享受新年喜庆的滋味。今天早上,我打开一些网站发现很多都已经换上了新年节日喜庆的背景图,真是鲜艳喜庆,让人心情开朗不少。
在这与站长、博客朋友分享我在优酷视频网站上扒下来的喜庆背景图及代码吧,赶快为自己的博客和网站装扮一下,让新年到来的脚步与你的快乐分享给你身边每一位朋友!优酷视频网站的技术维护弄的新年喜庆背景代码很简单,就2段代码,轻松实现了2010新年喜庆背景效果,为了节省找素材、自己编写代码的时间,你可以按照我整理的代码和素材进行装扮、修改。步骤如下:
首先,复制以下这段css定义代码,其中的图片路径可以根据自己的素材的存放位置进行修改。建议:新建一个2010img文件,将装扮网站首页头部的喜庆背景素材都存在放在这里面,等春节过后,如果不需要可以直接删除代码及该文件夹,也方便节省空间资源!
body{background:url(./2010img/bg_body.gif) repeat-x center 0;}
.screen{min-width:982px;background:url(./2010img/bg_main.jpg) no-repeat center 0;padding-top:45px;}
.s_header{}
.s_header .priNav{background:#ffcc33;}
.s_header .priNav .module li{background:#ffcf3b url(./2010img/bg_shade.gif) repeat-x 0 0;border:1px solid #ff0909;border-bottom:0;}
.s_header .priNav .module a:hover{background:#fffea0 url(./2010img/bg_shade.gif) repeat-x 0 -25px;}
.s_header .priNav .module .current a{background:#fff;}
.s_header .priNav .module .current a:hover{background:#fff;}
.s_header .priNav .channel a:hover{background:#fff;border:1px solid #ff0909;border-bottom:0;}
.s_header .priNav .channel .current{border:1px solid #afafaf;border-bottom:0;}
.s_header .priNav .channel .current a{background:#fff;}
.s_header .priNav .channel .current a:hover{background:#fff;}
.s_header .main{background:#fff;border:1px solid #ff0909;}
.s_header .main .search .soTool .soCore{background:#ffea00;}.box_border{background:#fff;}
.box_border1{border:1px solid #f79732;background:#fff;}
.box_border_bg{border:1px solid #f79732;background:#ffffd4;}.login_after .photo img{border:1px solid #ffea00;}
.login_after .photo a:hover img{background:#ffea00;}
然后,将下面这段代码复制黏贴到首页文件夹里的<body>之后,务必注意一点,这段代码里面少个结尾的"</DIV>" ,千万要记住在</body>前添加一个,否则,可能造成无法正常显示的错误页面。例如:我的博客首页文件路径为:http://www.lxdong.com/THEMES/lxdong/TEMPLATE/default.html如果是跟我一样的Z-Blog博客的话,可以使用以下Z-blog标签的相对地址:“<#ZC_BLOG_HOST#>themes/<#ZC_BLOG_THEME#>TEMPLATE/default.html”,为日后更改域名作准备!
<div class="screen">
<!-- change skin for activities -->
<link href="<#ZC_BLOG_HOST#>themes/<#ZC_BLOG_THEME#>/style/2010.css" type="text/css" rel="stylesheet" />
<div style="position:relative;top:0;left:0;width:982px;padding:0 15px;margin:0 auto;">
<a style="position:absolute;top:-35px;left:15px;display:block;width:982px;height:50px;background:url(http://static.youku.com/index/spacer.gif);" href="http://news.youku.com/chunwan" target="_blank" title="2010虎年优酷春晚-lxdong.com祝大家新春快乐!"></a>
</div>
最后,根据需要各自网站博客的情况,对2段代码做个简单的修改,相信这点不用我说了吧!
在这,我提前祝大家新年快乐!在新的一年里,一定要记得:吃好!喝好!玩好!睡好!为来年继续努力奋斗作准备~~
作者:陆晓东本文链接:http://www.lxdong.com/post/tech-you-how-to-add-theNewYear-beijingimage-for-yourbolgindexpage.html
如需转载,请务必保留作者和原文链接,感谢您的配合与理解...





