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

在节日的时候，我们经常看到一些门户网站的顶部添加了大幅的网页背景，还有的带关闭功能，不但给节日添加了气氛，而且获得了访客的好评。在新年就要到来之际，烈火网给大家准备了一些背景素材图片及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网的支持与厚爱，我们将推出更好的原创教程给大家，最后祝您新年快乐，万事如意！

修改网站背景图html代码,网站首页顶部添加背景图片的修改代码相关推荐

java怎么给框架添加背景图,java里怎么给Container添加背景图片
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 public Frame1() { try { setDefaultCloseOperation(EXIT_ON_CLOSE); jbInit(); } ...
html css背景图居中显示,网站背景图居中自适应以及拉伸填充CSS代码解决方法
写这篇水文呢,也是最近在自己在魔改一个主题用作新做的班级网站. 发现模版的背景图片以及其他地方的图片显示只能在电脑端看到,而在移动端不能够自适应.顺便也整理出来. 首先是图片的居中自适应: 需要先给C ...
前端背景图放置_前端开发关于网页背景图片的缩放自适应及组合形成背景图的问题...
前端游戏开发贴吧游戏前端开发游戏开发流程策划美术前端后端昨天在切图时遇到如下两个问题: 1.需要背景图片无论浏览器大小如何缩放,背景图片始终宽度百分百显示. 2.需要将给出的一张背景图片和一张 ...
android 背景图遮罩,通过css使用background-color为背景图添加遮罩效果
一个div同时设置background-color和background-image的话,color是处于img层下方的,无法实现遮罩效果,所以需要再创建一个div作为其子div,然后设置子div的背 ...
背景图页面缩小会变形_CSS 实现背景图尺寸不随浏览器缩放而变化
一些网站的首页背景图尺寸不随浏览器缩放而变化,例如百度个人版的首页,缩放后背景图的尺寸并不改变: 这样做的好处是,比如当你在1024*768px分辨率的屏幕上看到完整的背景,再换至1280*800px ...
css 鼠标滑过li变背景图,CSS定义鼠标滑过变换背景的导航菜单
我们经常看到的网站基本上都有导航菜单,有的网站看上去非常酷,鼠标一移动到上面自动改变颜色,这样的导航有两种方法可以实现:一种是鼠标经过图像,一种是CSS定义. 鼠标经过图像是把菜单做成两张文字相同但颜 ...
java中如何添加画板背景图,在AI中怎么把已知图片在新建画板时候作为画板的背景来建立画板啊！...
答:把这个要作为背景的图片(例如 A)拖到现在白色画板的中央,然后再在A的上面新建层,那就是以A为背景了. 答:吸引我的,不是它的内容,而是它的背景.这个背景用的是高斯模糊,看上去非常简洁大气. 所以 ...
element ui背景图_vue+element-ui如何为元素设置背景图片
在元素标签里,直接: style="background-image:url('1.jpg')"//图片路径是不能显示图片的. 也不能直接background...,就是说不通过 ...
gif背景图html,教你更换样式GIF背景图~文末超美！
先来欣赏一波GIF背景图样式: GIF背景样式 || 样式ID:87514 || 我对生命无所期待.我没有预先想过要什么.生活本身就够激动人心的了. by 萨冈 || 样式ID:40508 | ...
计算机怎么换背景图片,电脑开机背景图怎么换_怎么设置开机背景的教程
最近有不少朋友问小编电脑开机背景图怎么换的问题,对于怎么设置开机背景的问题,相信还有很多朋友不太明白,有时候我们感觉系统自带的开机背景图片不好看,不符合我们的审美,想要换成我们喜欢的开机背景图,那么应 ...

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

修改网站背景图html代码,网站首页顶部添加背景图片的修改代码相关推荐

最新文章

热门文章