DEDE5.7自制背景图片及添加方法教程-巨人网络

主页 > 网站建设 > 建站知识 > DEDE5.7自制背景图片及添加方法教程

DEDE5.7自制背景图片及添加方法教程

POST TIME:2017-11-13 23:35

工业环保工程类企业网站织梦模板(带手机端)

蓝色安防器材公司类整站模板

软件APP类网站源码织梦通用型企业网站源码html

html5响应式网站织梦模板源码IT网络工作室织梦网

首先，根据网站首页的设置，用PS新建一个图片，宽度要设置大一些（因为现在宽屏显示器很多），就设置成2000*600吧
用渐变设置成你喜欢的渐变样式
然后，在根据你网页的宽度，新建另一张图片，比如我的网页宽度是900，上面还有2px的空白，这个图片设置为900*598
全选，复制，粘贴到2000*600的那张大图上。
之所以这样做，是因为DEDE的首页表格是透明的，不设置的话，整个网页都能看到背景图片了，那样很没有美感。经过以上两部，我们得到的实际是一张中间白色，两边渐变背景的图片。
保存为bj.jpg
第三部，设置CSS，这里要更改的CSS文件是dede.css
在最上面，找到
body{
font-size:12px;
}
修改为
body{
font-size:12px;
background:url(../images/bj.jpg) top center no-repeat;
}
其中，url(../images/bj.jpg) 为背景图片的地址，top,center,no-repeat分别代表，这个背景图片放在顶部，中间，不重复调用
如果不是渐变图片的话，no-repeat可以更改为repeat-x
第四步，把修改后的dede.css文件上传覆盖，把bj.jpg上传到images文件夹内。