这次带过来一点有技术含量的（假的，并没有技术含量）。

关于如何给自己的轻论坛程序加上矢量图，并修改。
（请看图1图2）是不是很漂亮？

一楼二楼分析如何修改（分析太复杂，建议跳过，想学习可以看下去。）

我们先看一下演示站:

本帖含有隐藏内容，请您回复后查看

演示站能更加直观的看到修改后的效果。

那么现在教程开始。

阅读全文

封信 · 2019-2-16

我们需要准备一个火焰驹的会员组插件
在论坛的后台插件里有。下载安装后你会发现非常的丑
所以我们现在就准备开始修改了。

求顶。
两边对比下

封信 · 2019-2-16

【友情提示】看不懂就跳过吧，分析而已，楼下开始教程。
看下插件结构

" style="font-size: ;">

第一个

表示 v + 用户组gid, 如： v1 v2 v101等

这个表示你后台设置的显示颜色

这个表示用户组名称，如管理员，一级用户组

插件首先引用的是

http://at.alicdn.com/t/font_768030_fzvpgls89y6.css

这是一个图标文件
里面类似的
.icon-v6:before { content: "e653"; }

.icon-v1:before { content: "e62b"; }

.icon-v106:before { content: "e68e"; }

.icon-v104:before { content: "e636"; }

刚好对应上面的

所以我们只需要修改

http://at.alicdn.com/t/font_768030_fzvpgls89y6.css

里面的图标文件，就能改变你想显示的效果了

看不懂就跳过吧。

封信 · 2019-2-16

字数太多吗？发不出来。。。

封信 · 2019-2-16

既然代码发不出来，就发两个图片看看吧

封信 · 2019-2-16

真正的修改教程开始。

别看分析那么一串，其实修改起来挺简单的。

插件调用的是【阿里巴巴矢量图标库】

我们只需要去【阿里巴巴矢量图标库】去创建一个项目，然后就可以选择你所用的图标了。

封信 · 2019-2-16

我们只要下载火焰驹的会员组插件，找到下面路径的
hook/header_link_before.htm
这个文件打开后看下面截图

（截图可能不清晰，用电脑截的图，然后保存的时候压缩了，我又懒得去重新截个图，快一点出教程最好了。/手动滑稽

）

封信 · 2019-2-16

接上一楼

//at.alicdn.com/t/font_997017_vnty8c8ku6b.css

看到这里可能就有人又有疑问了，这个css的路径在哪儿？

其实这就是是【阿里巴巴矢量图标库】的项目路径啊，可以自己在图标库里选择图标添加项目哦。

封信 · 2019-2-16

关于这个图标有以下几点与要注意

1.必须选择单色图标。

2.自选项目必须修改下图标记的名字。

3.单色图标可以自己在插件面板内定义颜色。

到这里基本上就结束了。

你以为这么简单就结束了？明天继续更新下一部分【关于论坛的用户组组添加后怎么添加会员组插件的图标】又是一个大工程。

想提前见识正解的可以看一下演示站自己研究一下。

清风 · 2019-2-16

复杂。。。

封信 · 2019-2-16

@清风这还复杂啊？
那明天的帖子可能会更复杂。

【建站教程】跟上一贴，修改会员组显示图标

#楼主# 2019-2-16

评论