威宁热线

威宁团菜到家

[精品发布] DZ论坛添加页头背景图片增加节日气氛

[复制链接]
威宁热线 发表于 2021-1-15 22:59:27 | 显示全部楼层 |阅读模式
第一种方法:
找到你现在使用模板common文件下的header.html文件,在<head></head>部分添加以下代码:
  1. <style>body { background-image:url(https://www.enwn.cn/template/comiis_x3dfmh/ad/0857xn.jpg); background-repeat:no-repeat; background-position: top center; padding-top:40px;}</style>
复制代码
这种方法适用于非宽屏的风格,且背景图片多为宽像素的某张图片。添加此代码后,可能需要调整位置,修改padding-top后面的像素即可。

效果如下:

DZ论坛添加页头背景图片增加节日气氛

DZ论坛添加页头背景图片增加节日气氛


第二种方法:

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

  1. <div id="hd" style="background-image: url(static/image/xxx.jpg); background-repeat:no-repeat; background-position:center; background-position:top">
复制代码
这种效果是给discuz论坛导航栏上方的logo位置区域添加背景图片。注意添加的图片高度要始终哦,而且不要和logo有冲突,这里也侧面证明了logo做成透明PNG格式的必要性。


背景图源文件下载:

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







回复

使用道具 举报

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

本版积分规则

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