请选择 进入手机版 | 继续访问电脑版



吾爱汇站网官方联系方式

工作时间: 周一到周五早上09:00-11:00, 下午03:00-05:00, 晚上20:30-22:30(周六、日休息)
QQ: 211985957  168528823  97147700  53150916 汇聚、帮助、交流   E-Mail: postmaster@5ihz.cn
用户交流QQ群
1群21532443 2群413446685 ←提醒:请勿重复加群,谢谢!(本站提供低价收费技术服务,详情联系在线客服)
查看: 2619|回复: 25

怎么修改Discuz!论坛修改头部及页尾背景图片?

[复制链接]

16

主题

16

帖子

60

积分

注册会员

Rank: 2

积分
60
发表于 2020-8-6 09:10:51 | 显示全部楼层 |阅读模式
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

主题

297

帖子

634

积分

高级会员

Rank: 4

积分
634
发表于 2020-8-6 09:11:22 | 显示全部楼层
这个应该是个很不错的功能,可以下载下来看看
回复

使用道具 举报

恐怖的秋千 该用户已被删除
发表于 2020-8-6 09:17:16 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

kayozhao 该用户已被删除
发表于 2020-8-6 09:19:22 来自手机 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

发表于 2020-8-6 09:21:28 | 显示全部楼层
这个应该是个很不错的功能,可以下载下来看看
回复

使用道具 举报

0

主题

275

帖子

576

积分

高级会员

Rank: 4

积分
576
发表于 2020-8-6 09:28:41 | 显示全部楼层
相当不错,感谢无私分享精神!
回复

使用道具 举报

9

主题

304

帖子

637

积分

高级会员

Rank: 4

积分
637
发表于 2020-8-6 09:31:39 | 显示全部楼层
我是来看看的
回复

使用道具 举报

3

主题

288

帖子

581

积分

高级会员

Rank: 4

积分
581
发表于 2020-8-6 09:34:25 | 显示全部楼层
支持吾爱互站网
回复

使用道具 举报

发表于 2020-8-6 09:41:02 | 显示全部楼层
看起来挺不错的,谢谢分享
回复

使用道具 举报

乘防捶习 该用户已被删除
发表于 2020-8-6 09:51:37 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

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

本版积分规则


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