去评论
dz插件网

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

admin
2021/02/08 08:52:41
特长声明:官方应用中心的背景图片请勿商用
添加方法如下:找到你现在使用模板common文件下的header.html(部份是header.php,也是一样的)文件,


第一种效果
/template/你的模板目录/common/header.html(或header.php
在<head></head>之间加上如下代码:
  1. <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,在之后加入以下代码,最终代码展示为:
  1. <div id="hd" copycode($('code_dfJ'));">复制代码
注意添加的图片高度要始终哦,而且不要和logo有冲突,这里也侧面证明了logo做成透明PNG格式的必要性。
应用中心背景图片素材(请勿商用,分享快乐):