网站首页顶部添加背景图片的修改代码

　　在节日的时候，我们经常看到一些门户网站的顶部添加了大幅的网页背景，还有的带关闭功能，不但给节日添加了气氛，而且获得了访客的好评。在新年就要到来之际，烈火网给大家准备了一些背景素材图片及PSD文件，需要的朋友请到这里下载。考虑到很多朋友不会使用，于是专门整理了一篇教程，希望大家喜欢。

　　理论上说，这个教程通用于所有网站顶部背景的添加，换汤不换药罢了，这里不再赘述。

　　进入正题，首先当然是下载素材文件。

　　第一步：

　　将您选择的风格图片上传到“你的网站/图片目录”目录下(例如，/images/，DZ论坛的路径一般是：/static/image/common)

　　第二步：

　　找到你网站的CSS文件，例如：DZ论坛的路径是：/template/default/common/common.css中的

　　body { {BGCODE}; }

　　修改为：

　　/* body { {BGCODE}; } */

　　body { background-image: url({你的网站/图片目录/shengdan.jpg); background-position:top center; padding-top:80px;background-repeat:no-repeat; }

　　这里是以DZ论坛为例，你的网站则只要把上述红色代码添加到CSS中的任意位置就可以了，注意修改上边蓝色文字的图片路径哦！这样，一般来说就完成了，如果你修改的是论坛或CMS，还需要第三步。

　　第三步

　　在后台更新缓存或生成首页，OK!

　　再次感谢您对烈91火55网的支持与厚爱，我们将推出更好的原创教程给大家，最后祝您新年快乐，万事如意！

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!