Discuz!应用商城(DisMall)Discuz!应用商城(DisMall)

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 713|回复: 0

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

[复制链接]

31

主题

72

帖子

99

积分

开发者

Rank: 6Rank: 6Rank: 6

贡献
1 点
金币
17 个
发表于 2021-2-7 12:06:00 | 显示全部楼层 |阅读模式


特长声明:官方应用中心的背景图片请勿商用
添加方法如下:找到你现在使用模板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格式的必要性。
应用中心背景图片素材(请勿商用,分享快乐):
bj.zip (124.77 KB, 下载次数: 59)
有为设计专注您的前端。应用中心地址https://addon.dismall.com/developer-101396.html
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz!应用中心 ( 皖ICP备16010102号 )|网站地图star

GMT+8, 2022-5-21 10:24 , Processed in 0.026985 second(s), 12 queries , Yac On.

Powered by Discuz!

Copyright © Tencent Cloud.

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