·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

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

514 0
发表于 2021-2-8 08:52:41 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
特长声明:官方应用中心的背景图片请勿商用
添加方法如下:找到你现在使用模板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" style="background-image: url(您的背景图片地址); background-repeat:no-repeat; background-position:center; background-position:top">
复制代码
注意添加的图片高度要始终哦,而且不要和logo有冲突,这里也侧面证明了logo做成透明PNG格式的必要性。
应用中心背景图片素材(请勿商用,分享快乐):
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.191.215.30,GMT+8, 2024-11-22 06:23 , Processed in 0.267141 second(s), 86 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表