icewing

hybbs插件-五色用户标签
插件比较简单,写好后特意用了一段时间,没什么问题。又优化了一次执行效率。
扫描右侧二维码阅读全文
18
2018/09

hybbs插件-五色用户标签

插件比较简单,写好后特意用了一段时间,没什么问题。又优化了一次执行效率。

2019年3月20日更新

  • 版本:1.2

2019年3月18日更新

  • 感谢CatGames的反馈。插件已经适配hybbs2.2版本。安装包已经重新上传。

注意:插件只在HYBBS模板下测试使用过,其他模板css样式可能不兼容。需要调整css代码。

插件效果

1

测试的时候名字是随便取的,截完图之后才看到有一个错别字。。。插件可以用于标识特殊用户,比如会员什么的。如果要所有用户显示某个标签不建议使用这个插件。使用用户组比较好。

插件配置

2

用户名单

  • 数字是用户的UID,| 用于分割用户id和标签名称。在标签名称中 , 用于分割标签名称(最多五个)
示例输入
1|时光旅者,普通会员,超级会员
2|超级会员
3|普通会员

风格设置

  • 设置风格1-5,会按照里面的标签名称自动匹配。输出相应风格样式。

配置css

  • 最后两个颜色代码比较随意,可以自定义其中的颜色代码,css颜色代码在后半部分。

默认css代码

.minfivebtn {
    display: block;
    flex: 1 1 auto;
    margin-bottom: -10px;
    padding: 3px 3px 3px 3px;
    font-size: 11px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
    text-transform: uppercase;
    transition: .5s;
    letter-spacing: .3em;
    background-size: 200% auto;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px
}

.minfivebtn:hover {
    background-position: right center
}

.bbstagstyle-1 {
    background-image: linear-gradient(to right, #f6d365 0, #fda085 51%, #f6d365 100%)
}

.bbstagstyle-2 {
    background-image: linear-gradient(to right, #a1c4fd 0, #c2e9fb 51%, #a1c4fd 100%)
}

.bbstagstyle-3 {
    background-image: linear-gradient(to right, #ff8c94 0, #fcb69f 51%, #f85f73 100%)
}

.bbstagstyle-4 {
    background-image: linear-gradient(to right, #fbc2eb 0, #a6c1ee 51%, #fbc2eb 100%)
}

.bbstagstyle-5 {
    background-image: linear-gradient(to right, #84fab0 0, #8fd3f4 51%, #84fab0 100%)
}

下载地址

更新日志

2019-3-20

  • 再次修复无法使用的bug。并适配旧版本
  • 调整css代码。去除不必要的样式。
  • 调整显示样式以及标签。
  • 设置界面完善了自定义设置。
  • 可以选择是否使用圆角样式。
  • 可以取消动态样式,只使用纯色标签。
  • 后台界面重做
  • 添加颜色选择器
  • 其他细节调整。。。

后台设置图:

1

2019-3-18

  • 修复hybbs2.2无法使用的bug
最后修改:2019 年 03 月 20 日 06 : 44 PM
生活需要一些仪式感,比如手冲一杯咖啡:)

6 条评论

  1. 格子老师

    干得漂亮 这两天对这个程序比较着迷

  2. 陈念缘

    大佬,我怎么无法加载啊!插件安装成功,论坛评论区不显示,按照你的方法改了,没有效果

    1. icewing
      @陈念缘

      刚刚看了一下hybbs又更新了。可能加载插件的位置又变了。有时间了我去更新一下。弄好了我再通知你。

      1. 陈念缘
        @icewing
        该评论仅登录用户及评论双方可见
  3. jhj

    大佬,这个标签可以弄更多名称吗?

    1. icewing
      @jhj

      可以弄多个标签的,不过太多标签会影响程序的查询效率。目前我还没有什么好的办法来解决它 。所以暂时只能是5个标签。

发表评论