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

给你的勋章在左上角加上图标,跟游戏一样,有专属图标

102 1
发表于 2024-8-30 10:10:02 | 查看全部 阅读模式

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

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

×
给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal


大家好久不见,我又来给大家带来不错的美化教程了

今天上线看回复的时候发现有个人想要我这个勋章左上角图标的美化

那么既然如此我就发出了吧

Discuz的勋章设计很不错,你在自定义添加CSS的时候,每一个勋章都会有一个新的关键词代码

比如自带的勋章 是medal_1~XX 自带的有多少个我忘了,就XX代替了

那就简单了,在前面加个div#然后加上勋章的代码和数字不就能给勋章加一个图标吗,然后我就开始进行测试了,结果真成了,然后我就对位置进行了细微调整
  1. div#medal_33 {    background: url(你的图片网址/img/78px-PF-4.png) no-repeat;    margin-left: -1px;控制左右位置        transform: translateY(-20px);控制上下位置}
复制代码

把该CSS代码放在 额 emmm 我用的是第三方的模板, 你可以试试加在你的模板下的common.css和module.css最底下试试

如果你不知道你勋章的数字是多少,你就审查元素勋章就能看见数字是多少了,剩下的就把我分享的那个代码里的数字改成你勋章的数字就行了
给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal


如果你要加了新的勋章,那么你加之前最后一个勋章数字是29,那么加了新的勋章之后,新的勋章是不是30 31 32,你就以此类推就行了 剩下的无非就是改数字和图标罢了

顺便分享下我用的图标吧
给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal

给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal

给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal

给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal

给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal

给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal

给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal

给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal

给你的勋章在左上角加上图标,跟游戏一样,有专属图标 测试,网址,图片,px,medal
我要说一句 收起回复
创宇盾启航版免费网站防御网站加速服务

评论1

TyCodingLv.8 发表于 2024-8-30 10:10:38 | 查看全部
这个不错,改天试一下。
我要说一句 收起回复

回复

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

本版积分规则

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

discuzaddons@vip.qq.com

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

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

您的IP:18.116.20.205,GMT+8, 2024-12-25 22:38 , Processed in 0.256467 second(s), 85 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

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