网络营销新闻 网络营销学习 网络营销策划 搜索引擎优化 网络广告 网页设计 网站策划 北漂故事 关于陆晓东
您的位置: 首页 » 网页设计 » 正文
« Z-blog未知错误ID:-2147467259操作必须使用一个可更新的查询的解决办法谷歌宣布退出中国“可能”是网络营销策划中的一步 »

教你如何在博客首页添加2010新年喜庆背景代码

发布:网络营销博客-陆晓东 | 分类:网页设计 | 浏览: | 引用:0 | 评论:(2)

        今天是大年初一的倒数第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
如需转载,请务必保留作者和原文链接,感谢您的配合与理解...
我相信:您的每一次回复都会给我带来帮助与意想不到的收获!期待您的评论...
优米网banner
  • quote 2楼Firm      2010-2-12 21:26:55
  • Firm
  • 俺拿去修改下,风格和俺的不太搭调
    陆晓东 于 2010-2-12 23:10:43 回复
    呵呵,我去看看你的博客什么风格。。。
  • 回复该留言
  • quote 1楼卢松松      2010-2-11 17:43:10
  • 卢松松
  • 首页看到效果了,但是内页好像没有哦。
    陆晓东 于 2010-2-11 21:18:25 回复
    在主题文件夹的 single.html 也其他几个文件里面加上第二段代码就可以了!

    我是觉得首页就够了~
  • 回复该留言

发表评论

看不清,换一张?点击更新验证码看不清,换一张!
为了防止SPAM,含链接的评论可能需要审核后才能显示O(∩_∩)0

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

100天内评论之星

最新评论及回复

随机浏览其它博文

热门文章排行推荐

专注网络营销策划与搜索引擎营销,分享网络营销学习,交流网络营销实践,点评网络营销新闻,提供SEO、网络推广、网络品牌公关及网络整合营销解决方案!
Copyright © 2008 - 2011 lxdong.com All Rights Reserved. Powered By 1.8 Walle Build 100427 Designed By 陆晓东
苏ICP备09001101号
空气过滤器 袋式过滤器