立即注册找回密码
 

奇瑰网社区

[教程] DISCUZ论坛添加页头及页尾背景图片的几种方法

[复制链接]

558

主题

794

帖子

406万

积分

网站运营组

Rank: 8Rank: 8

G币
3123236
信用
60867
体力
63093

技术大神论坛版主分享大神

发表于 2019-2-16 12:25:31 | 显示全部楼层 |阅读模式
免费G币领取活动中
先给大家分享页头添加背景图片的两种方法:

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

添加方法如下:找到你现在使用模板common文件下的header.html文件,在部分添加以下代码:






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


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

71651532849160.jpg

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







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


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

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

  • <div style="background-image: url(http://你的背景地址.jpg); background-repeat:no-repeat; background-position:center; background-position:top>









上一篇:discuz论坛上传附件不显示上传按钮解决方法
下一篇:破解授权锦尚中国源码提示需要授权的解决方法
我们尊重所有会员!只要你付出了,大家都会看在眼里,态度决定一切!
感谢您对奇瑰网社区的关注与支持!
回复

使用道具 举报

0

主题

265

帖子

185

积分

资深会员

Rank: 2

G币
10
信用
0
体力
-4
发表于 2019-8-25 23:18:33 | 显示全部楼层
马上来领取免费的邀请码加入奇瑰吧
看起来好像不错的样子
回复

使用道具 举报

0

主题

94

帖子

89

积分

资深会员

Rank: 2

G币
0
信用
0
体力
32
发表于 2019-8-26 00:09:34 | 显示全部楼层
我也是坐沙发的
回复

使用道具 举报

0

主题

242

帖子

170

积分

资深会员

Rank: 2

G币
10
信用
0
体力
-4
发表于 2019-8-26 01:01:16 | 显示全部楼层
马上来领取免费的邀请码加入奇瑰吧
看起来不错
回复

使用道具 举报

0

主题

90

帖子

158

积分

资深会员

Rank: 2

G币
26
信用
0
体力
53
发表于 2019-8-26 01:38:50 | 显示全部楼层
看起来好像不错的样子
回复

使用道具 举报

0

主题

81

帖子

111

积分

资深会员

Rank: 2

G币
0
信用
0
体力
19
发表于 2019-8-26 01:39:54 | 显示全部楼层
马上来领取免费的邀请码加入奇瑰吧
介是神马?!!
回复

使用道具 举报

0

主题

77

帖子

137

积分

资深会员

Rank: 2

G币
0
信用
0
体力
35
发表于 2019-8-26 02:09:14 | 显示全部楼层
无论是不是沙发都得回复下
回复

使用道具 举报

0

主题

76

帖子

81

积分

资深会员

Rank: 2

G币
5
信用
0
体力
27
发表于 2019-8-26 02:16:49 | 显示全部楼层
马上来领取免费的邀请码加入奇瑰吧
我了个去,顶了
回复

使用道具 举报

0

主题

260

帖子

241

积分

中级会员

Rank: 3Rank: 3

G币
10
信用
0
体力
-10
发表于 2019-8-26 03:04:00 | 显示全部楼层
嘘,低调。
回复

使用道具 举报

0

主题

86

帖子

169

积分

资深会员

Rank: 2

G币
2
信用
0
体力
35
发表于 2019-8-26 03:24:22 | 显示全部楼层
为毛老子总也抢不到沙发?!!
回复

使用道具 举报

使用高级回帖 (可批量传图、插入视频等)

发表回复

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

本版积分规则   Ctrl + Enter 快速发布  

发帖时请遵守我国法律,网站会将有关你发帖内容、时间以及发帖IP地址等记录保留,只要接到合法请求,即会将信息提供给有关政府机构。
Powered by Discuz! X3.4 ( 粤ICP备20013252号-1  
Copyright © 2014-2020 m.qiguiwl.com All Rights Reserved.
快速回复 返回顶部 返回列表