子比主题美化-评论等级添加

Jaysun

温馨提示:这篇文章已超过496天没有更新,请注意相关的内容是否还可用!

主题出了论坛系统,评论区域美化感觉还是不错的,今天分享的是评论区等级美化,站长没开通vip的话会显示新朋友,等级还是比较多的,喜欢的朋友收藏保存。

效果图:

子比主题美化-评论等级添加

子比主题美化-评论等级添加

步骤一

主要代码还是在zibll/inc/functions/zib-comments-list.php里面,网站评论区有点冷清我就设置个评论才能看吧!我就不研究分享哪一段代码了,直接整个文件的代码分享出来好了!你们直接替换或者懂的人也可以复制关键的代码放上去(//评论区会员等级开始)到(//评论区会员等级结束)!

隐藏内容
评论可见
前往评论

步骤二

CSS放哪我就不说了,大家应该知道放哪了!

/*评论用户*/
.auth-lr{margin-left: 5px;background-image: -webkit-linear-gradient(0deg,#9a9a9a 0%,#dcdcdc 100%);font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;}
.auth-user{margin-left: 5px;background-image: -webkit-linear-gradient(0deg,#3a8ee6 0%,#93c8ff 100%);font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;}
.auth-vip{margin-left: 5px;background-image: -webkit-linear-gradient(0deg,#ffd459 0%,red 180%);font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;}
.auth-svip{margin-left: 5px;background: linear-gradient(317deg, #4d4c4c 30%, #878787 70%, #5f5c5c 100%);font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;}
.auth-zz{margin-left: 5px;font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;vertical-align: baseline;background-image: -webkit-linear-gradient(0deg,#ff72f5 0%,#ffbdfa 100%);border: none;}
/*LV等级*/
.autlv{margin-left:2px;font-size:10px;color:#fff;display:inline-block;font-weight:400;border-radius:2px;padding:0 4px;letter-spacing:0px;}
.aut-6{background: #cc00ff;}.aut-5{background: #f64444;}.aut-4{background: #ff7a2c;}.aut-3{background: #ffce85;}.aut-2{background: #92ec65;}.aut-1{background: #a8d3ff;}.aut-0{background: #fcf;}

好了代码就这么多,刷新就可以看效果了。

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 15 条评论,1117人围观)
网友昵称:ranxiaojie
ranxiaojie V 普通用户 Google Chrome 123.0.0.0 Windows 10 x64 14楼
04-05 来自云南 回复
文章不错,写的很好!
网友昵称:a115948080
a115948080 V 钻石VIP Google Chrome 120.0.0.0 Windows 10 x64 13楼
03-08 来自重庆 回复
赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:beichen
beichen V 钻石VIP Google Chrome 114.0.0.0 Windows 10 x64 12楼
2023-06-13 来自江西 回复
赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:18061394233
18061394233 V 普通用户 Google Chrome 112.0.0.0 Windows 10 x64 11楼
2023-05-08 来自江苏 回复
非常感谢大佬分享
网友昵称:a631254796a
a631254796a V 普通用户 Google Chrome 101.0.4951.64 Windows 10 x64 10楼
2023-04-24 来自浙江 回复
文章不错,写的很好!
网友昵称:一切顺利
一切顺利 V 普通用户 Google Chrome 69.0.3497.100 Windows 7 x64 9楼
2023-02-23 来自江苏 回复
谢谢
网友昵称:cheng
cheng V 普通用户 Google Chrome 103.0.0.0 Windows 10 x64 8楼
2023-02-21 来自新疆 回复
文章不错,写的很好!
网友昵称:qwe2001
qwe2001 V 普通用户 QQBrowser 11.5.5240.400 Windows 10 x64 7楼
2023-02-19 来自广东 回复
文章不错,写的很好!
网友昵称:la845099997
la845099997 V 普通用户 QQBrowser 11.5.5240.400 Windows 10 x64 6楼
2023-02-04 来自广东 回复
文章不错,写的很好!
网友昵称:qwe8552212
qwe8552212 V 普通用户 Google Chrome 86.0.4240.198 Windows 7 x64 地板
2023-01-18 来自湖南 回复
我来看看呀

目录[+]

取消
微信二维码
微信二维码
支付宝二维码