给您的网站加个像DZ应用中心的背景，祝大家2021新年快乐

gzwnzss · 发表于 2021-2-7 12:06:00

特长声明：官方应用中心的背景图片请勿商用
添加方法如下：找到你现在使用模板common文件下的header.html（部份是header.php，也是一样的）文件，

第一种效果：
/template/你的模板目录/common/header.html（或header.php）
在在<head></head>之间加上如下代码：

<style>body { background-image:url(您的背景图片地址); background-repeat:no-repeat; background-position: top center; padding-top:0px;}</style>

注意更换成您的背景图片地址。padding-top:0px可以调整离顶部的距离。这种方法适用于非宽屏的风格，且背景图片多为宽像素的某张图片

第二种效果，是给discuz论坛导航栏上方的logo位置区域添加背景图片
添加方法也超简单，找到header.htm中关于top部分的代码，找到banner所在的div层，默认应该是id=hd，在之后加入以下代码，最终代码展示为：

<div id="hd" style="background-image: url(您的背景图片地址); background-repeat:no-repeat; background-position:center; background-position:top">

注意添加的图片高度要始终哦，而且不要和logo有冲突，这里也侧面证明了logo做成透明PNG格式的必要性。
应用中心背景图片素材（请勿商用，分享快乐）：
bj.zip(124.77 KB, 下载次数: 415)2021-2-7 12:04 上传点击文件名下载附件
官方背景图片
quot, 15px, 14px

[教程] 给您的网站加个像DZ应用中心的背景，祝大家2021新年快乐

浏览过的版块