M1850资源网 - 最专业的网站源码模板下载站!

全部作品
全部作品
织梦模板
网站模板
源码插件
游戏源码
脚本特效
视频教程
建站教程
M1850资源网 > 建站教程 > 织梦教程 > 织梦优化 > DEDE5.7自制背景图片及添加方法教程

推荐下载

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

填写您的邮件地址,订阅我们的精彩内容: 首先,根据网站首页的设置,用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文件夹内。

嘿,我来帮您!

展开