加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

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

发布时间:2018-10-08 01:14:23 所属栏目:创业 来源:站长网
导读:在节日的时辰,我们常常看到一些派别网站的顶部添加了大幅的网页配景,尚有的带封锁成果,不单给节日添加了空气,并且得到了访客的好评。在新年就要到来之际,猛火网给各人筹备了一些配景素材图片及PSD文件,必要的伴侣请到这里下载。思量到许多伴侣不会使

  在节日的时辰,我们常常看到一些派别网站的顶部添加了大幅的网页配景,尚有的带封锁成果,不单给节日添加了空气,并且得到了访客的好评。在新年就要到来之际,猛火网给各人筹备了一些配景素材图片及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网的支持与厚爱,我们将推出更好的原创教程给各人,最后祝您新年快乐,万事快意!

(编辑:河北网)

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

    热点阅读