找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 6255|回复: 3

[精华] DEDE5.7自制背景图片及简单添加方法教程

[复制链接]
发表于 2011-11-12 19:37:26 | 显示全部楼层 来自 中国–北京–北京
是啊,要不就配图,还能直观一点哈。

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-11-6 23:18:56 | 显示全部楼层 |阅读模式 来自 中国–广东–东莞
       首先,根据网站首页的设置,用PS新建一个图片,宽度要设置大





<P p

style="TEXT-INDENT: 2em; LINE-HEIGHT: 30px">align=left>一些(因为现在宽屏显示器很多),就设置成2000*600吧


用渐变设置成你喜欢的渐变样式


然后,在根据你网页的宽度,新建另一张图片,比如网页宽度是






<P p

style="TEXT-INDENT: 2em; LINE-HEIGHT: 30px">align=left>900,上面还有2px的空白,这个图片设置为900*598


全选,复制,粘贴到2000*600的那张大图上。


<P p

style="TEXT-INDENT: 2em; LINE-HEIGHT: 30px">之所以这样做,是因为DEDE的首页表格是透明的,不设置的话,





整个网页都能看到背景图片了,那样很没有美感。经过以上两部





<P p

style="TEXT-INDENT: 2em; LINE-HEIGHT: 30px">align=left>,我们得到的实际是一张中间白色,两边渐变背景的图片。


保存为bj.jpg


<P p

style="TEXT-INDENT: 2em; LINE-HEIGHT: 30px">第三部,设置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分别代表,这个背景图片放在顶部,中间





align=left>,不重复调用


<P p

style="TEXT-INDENT: 2em; LINE-HEIGHT: 30px">如果不是渐变图片的话,no-repeat可以更改为repeat-x


<P p

style="TEXT-INDENT: 2em; LINE-HEIGHT: 30px">第四步,把修改后的dede.css文件上传覆盖,把bj.jpg上传到





images文件夹内。

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2011-11-6 23:23:14 | 显示全部楼层 来自 中国–河南–漯河
大哥
来个具体点的图文教程吧
这个看着有点晕:$

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

发表于 2012-8-31 15:17:44 | 显示全部楼层 来自 中国–山东–枣庄–滕州市
大哥,给个图吧。。。

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-12-19 06:53 , Processed in 0.046037 second(s), 9 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表