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

婷姐 · 发表于 2024-8-30 10:10:02

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

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

×

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

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

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

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

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

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

那就简单了,在前面加个div#然后加上勋章的代码和数字不就能给勋章加一个图标吗,然后我就开始进行测试了,结果真成了,然后我就对位置进行了细微调整

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

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！