当前位置:首页 >  站长 >  建站经验 >  正文

教你如何给你博客首页添加国庆节喜庆背景

 2009-09-24 19:23  来源:   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

祖国的60华诞国庆节将至,心情有些掩饰不住的激动和兴奋,不知不觉我已经离开北京亿玛克网络营销学院2个多月,有些怀念曾经一起学习、工作网络营销的学员和老师。在此,先提前预祝所有亿玛克网络营销学院的学员、老师及所有我认识的站长朋友们,国庆节愉快!在北京的朋友,有机会一定要去天安门亲眼目睹祖国成立60周年的好日子,相信这一天的壮观,激动,兴奋让你今生难忘:)

因为看到电信局的E6-36宽带活动,所以,今天我很早就起来了,准备去电信营业厅办理。为了确认是否想宣*所言的只需8元即可获得一款手机及多项优惠措施,我在拨打完10000客服的电话之后,还特意去我们这边的江阴信息港网站找了相关的资讯。虽然,没找我想找的信息,却发现:江阴信息港的首页充满祖国60周年国庆节喜庆的气息,想都没想救决定扒下他的首页头部国庆节喜庆背景代码。

   下面分享这两段代码:

第一段代码:

<--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background:url(upload/bg_20091001.gif) repeat-x;
background-color:ffffff;
}
#img1 {
position:absolute;
left:52px;
top:324px;
width:132px;
height:85px;
z-index:1;
}
#ad_text2 UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#ad_text2 LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
-->

第二段代码:

 <body margin-top=0 >
<table width="800" height="53" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" bgcolor="#ffffff"><img src="upload/top_20091001.png" width="800" height="50" /></td>
  </tr>
</table>

具体代码的放置位置根据你所希望的效果有所不同,可以让你博客的仅首页面显示,也可以是全站所有页面的都显示。

首页显示的方法:将第一段代码直接放置在你博客主题名目录下的TEMPLATE文件夹内找到default.html,找到..并在之后加入第一段代码,接着,在之后加入第二段代码,注意图片路径,你可以选择直接用我博客空间上的,或者,你可以从我博客下载之后,传到自己的博客空间上再使用,这样无需任何修改即可显示。

全站显示的方法:将第一段代码直接放进CSS定义内,可以放在原body定义之前,或者更改,默认从上往下读取。然后,在你博客主题名目录下的TEMPLATE文件夹内找到default.html,catalog.html,single.html,tags.html,search.html等文件,并在其之后加入第二段代码,方法同上。

操作完毕以后,记得保存,最后,返回首页刷新即可显示和我博客首页同样的效果。注:此国庆节背景图片适合白色背景的博客,效果不佳者,可以自行调试。~

网站首页中部国庆节喜庆背景素材地址:

网站首页背景搭配素材地址:

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关文章

信息推荐