国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 网站首页顶部添加背景图片的修改代码

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

来源:程序员人生   发布时间:2014-01-25 21:48:33 阅读次数:2813次

  在节日的时候,我们经常看到一些门户网站的顶部添加了大幅的网页背景,还有的带关闭功能,不但给节日添加了气氛,而且获得了访客的好评。在新年就要到来之际,网给大家准备了一些背景素材图片及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!

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

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生