威宁热线

威宁团菜到家

[教程分享] 给您的网站加个像DZ应用中心的背景图片

[复制链接]
威宁热线 发表于 2021-2-7 11:59:10 | 显示全部楼层 |阅读模式
添加方法如下:找到你现在使用模板common文件下的header.html(部份是header.php,也是一样的)文件,在<head></head>部分添加以下代码:具体目录:第一种效果(见本站):

/template/你的模板目录/common/header.html(或header.php
在<head></head>之间加上如下代码:
  1. <style>body { background-image:url(https://dz.uw7.cn/bj.png); background-repeat:no-repeat; background-position: top center; padding-top:0px;}</style>
复制代码
注意更换成您的背景图片地址。padding-top:0px可以调整离顶部的距离。


第二种效果,是给discuz论坛导航栏上方的logo位置区域添加背景图片
添加方法也超简单,找到header.htm中关于top部分的代码,找到banner所在的div层,默认应该是id=hd,在之后加入以下代码,最终代码展示为:
  1. <div id="hd" style="background-image: url(https://www.uw7.cn/template/comiis_x3dfmh/comiis_pic/comiis_bodybg.jpg); background-repeat:no-repeat; background-position:center; background-position:top">
复制代码
注意添加的图片高度要始终哦,而且不要和logo有冲突,这里也侧面证明了logo做成透明PNG格式的必要性。

DZ应用中心背景素材下载(请勿商用):
bj.zip (124.77 KB, 下载次数: 9)
回复

使用道具 举报

小城世界 发表于 2021-2-7 17:17:25 手机端 | 显示全部楼层
真漂亮
回复

使用道具 举报

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

本版积分规则

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