收起左侧

[DZ美化] 怎么修改Discuz!论坛修改头部及页尾背景图片?

[复制链接]
查看: 2668|回复: 9

54

主题

192

帖子

1666

积分

用户组

版主

版主

帖子
192
元宝
745
注册时间2017-1-1
最后登录2020-9-3
执手天涯 发表于 2017-8-29 17:30:19 | 显示全部楼层 |阅读模式
宝塔服务器面板,一键全能部署及管理,送你¥3188礼包,点我领取

马上注册查阅更多教程,下载海量资源,让你轻松玩做站

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
1. 第一种效果,是给discuz的整体框架添加背景图片,见图示:

添加方法如下:找到你现在使用模板common文件下的header.html文件,在<head></head>部分添加以下代码:
  1. <style>body { background-image:url(你的背景图片地址,如http://abc.com/imgs/bg.jpg); background-repeat:no-repeat; background-position: top center; padding-top:40px;}</style>
复制代码


这种方法适用于非宽屏的风格,且背景图片多为宽像素的某张图片。添加此代码后,可能需要调整位置,修改padding-top后面的像素即可。


2. 第二种效果,是给discuz论坛导航栏上方的logo位置区域添加背景图片,见图示:

添加方法也超简单,找到header.htm中关于top部分的代码,找到banner所在的div层,默认应该是id=hd,在之后加入以下代码,最终代码展示为:

游客,如果您要查看本帖隐藏内容请回复


注意添加的图片高度要始终哦,而且不要和logo有冲突,这里也侧面证明了logo做成透明PNG格式的必要性。


3、添加页尾即页面底部背景图片的方法

OK,大同小异,为添加页尾添加背景图片的方法,是找到footer.htm模板文件,在代码中footer_banner代码下方即“ <!--{hook/global_footer}-->”添加以下代码:


游客,如果您要查看本帖隐藏内容请回复

回复

使用道具 举报

0

主题

9

帖子

30

积分

元宝
9
主题
0
帖子
9
在线时间
0 小时
最后登录
2018-1-18
优优酷分享 发表于 2018-1-18 23:55:30 | 显示全部楼层
回复 支持 反对

使用道具 举报

头像被屏蔽

0

主题

1

帖子

16

积分

元宝
11
主题
0
帖子
1
在线时间
0 小时
最后登录
2019-7-7
ourgamepeng 发表于 2019-7-7 11:03:57 | 显示全部楼层
提示: 该帖被管理员或版主屏蔽
回复 支持 反对

使用道具 举报

0

主题

3

帖子

30

积分

Rank: 1

用户组

注册站长

注册站长

帖子
3
元宝
18
注册时间2019-7-17
最后登录2020-1-10
206cjsw 发表于 2019-7-18 13:58:55 | 显示全部楼层
回复 支持 反对

使用道具 举报

0

主题

11

帖子

40

积分

Rank: 1

用户组

注册站长

注册站长

帖子
11
元宝
20
注册时间2019-5-20
最后登录2020-5-27
NB手机之家认证站长 发表于 2019-8-8 21:40:11 | 显示全部楼层
看看,相吧自己网站修改一下背景
回复 支持 反对

使用道具 举报

0

主题

11

帖子

38

积分

元宝
13
主题
0
帖子
11
在线时间
1 小时
最后登录
2020-3-3
xiaorui521认证站长 发表于 2020-2-15 15:27:36 | 显示全部楼层
回复 支持 反对

使用道具 举报

0

主题

1

帖子

6

积分

元宝
6
主题
0
帖子
1
在线时间
0 小时
最后登录
2020-7-28
啊喵认证站长 发表于 2020-7-28 21:15:45 | 显示全部楼层
看看,想把自己网站修改一下背景
回复 支持 反对

使用道具 举报

0

主题

6

帖子

34

积分

元宝
20
主题
0
帖子
6
在线时间
3 小时
最后登录
2020-8-6
beibei3314认证站长 发表于 2020-8-6 09:09:39 | 显示全部楼层
回复 支持 反对

使用道具 举报

0

主题

4

帖子

20

积分

元宝
10
主题
0
帖子
4
在线时间
1 小时
最后登录
2020-11-3
QQ
mozalim认证站长 发表于 2020-11-3 19:15:56 | 显示全部楼层
支持 正需要
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

元宝
4
主题
0
帖子
1
在线时间
0 小时
最后登录
2020-12-16
QQ
1471520402认证站长 发表于 2020-12-16 21:36:31 | 显示全部楼层
回复 支持 反对

使用道具 举报

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

本版积分规则

精彩课程推荐

宝塔面板的MySql数据库误删除怎么恢复Mysql

主讲:当流科技 服务器学院

2019年Discuz!论坛敏感关键词过滤词下载

主讲:ゾ銱ル鎯筜 Discuz!教程

宝塔面板提示"请不要花样作死"怎么回事

主讲:当流科技 服务器学院

centos 7安装宝塔面板怎么挂载硬盘?

主讲:当流科技 服务器学院

惠普服务器360 G8 ilo远程管理口怎么远程安

主讲:当流科技 服务器学院

互联云服务器 centos7怎么挂载硬盘和centos

主讲:当流科技 服务器学院

宝塔面板7.24 运维节免费领取3年宝塔面板插

主讲:当流科技 服务器学院

【紧急安全更新】宝塔Linux面板 - 7月12日

主讲:当流科技 服务器学院

商务合作

0551-66191059
569160956#qq.com
点击这里给我发消息
dz论坛/Discuz!论坛新手

关注微信公众号

QQ扫码 加 DZ技术群