打印本文 打印本文  关闭窗口 关闭窗口  
教你给网站首页添加国庆节春节等喜庆背景来源于瑞达科技网
作者：佚名  文章来源：网络  点击数  更新时间：2011/1/29   文章录入：瑞达  责任编辑：瑞达

教你给网站首页添加国庆节春节等喜庆背景

首页头部国庆节春节等喜庆背景代码。

下面分享这两段代码：

第一段代码：

<--
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，找到《head》。.《/head》并在《head》之后加入第一段代码，接着，在《/head》之后加入第二段代码，注意图片路径，你可以选择直接用我博客空间上的，或者，你可以从我博客下载之后，传到自己的博客空间上再使用，这样无需任何修改即可显示。

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

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

 
打印本文 打印本文  关闭窗口 关闭窗口