知更鸟begin破解主题用阿里图标库添加菜单图标的方法

2019年4月6日01:17:01 2 108 views

折腾到2019年4月6日00:30:45,终于搞定了begin5.2主题的图标问题,我找了很多网上发的文章,没有一个我是成功了的,在仔细看看他们的教程,明明在上一步用的be作为前缀的,到后面用的后面就变成了zm,说实话我看着也是懵逼的,还有就是上一张图片的文字内容和下一张图片完全对不上,所有的事情还是要靠自己搞定,什么破解版本的是这样是那种,看我下面张图片,我是怎么做到的。并不是破解版的问题。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

这是网上说的破解版的样子

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

今晚上我就来带大家解决这个问题,当然我的这个也是破解版的,用了有一两年了,不想换了,想用的我建议还是去支持一下正版,几百元而已,而且还带售后,破解版的自己解决问题。


下面就是教大家怎么添加图标了。

首先上阿里图标库注册创建一个项目,https://www.iconfont.cn/

图标管理-我的项目

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

创建一个图标项目

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

友情提示:在FontClass/Symbol 前缀和Font Family,分别填写【be-】和【be】

在输完be-和be最好在里面回车一下(经过我多次的实验),以放创建成功名字还是没变。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

创建完项目后最好做一个确认,以确保和上图我们创建的一样(这个有时候你本来填写是be,但是创建成功后项目并没有改变),以及上一步在输完be-和be最好在里面回车一下就是这点原因,我做过好多次,才确定的,一定要在方框内回车一下。

接下就是寻找我们的图标了,选择我们喜欢的图标加入购物车。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

把我们购物车中的图标添加到项目中

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

复制css链接到博客中

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

然后把链接添加到阿里图标库中

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

下一步就是把图标添加到菜单中,在添加到菜单中之前需要把菜单的CSS模版开启

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

然后我们就会看到菜单有了一个CSS类了,我们就可以用这个类添加图标样式了

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

在菜单上有CSS类后,我们就是可以复制刚才我们添加的图标了。使用复制直接把名字复制过来就行了。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

然后添加到相应的导航CSS类上。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

最后就是记得要保存菜单额,保存过后才能看到效果。如下图:

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

好了大概就这样了,我用的是begin5.2破解版http://www.cnntt.com/archives/1922

如果像我这样做了还不行的话,要确定在阿里图标的项目设置成功了吗,如果项目设置没问题就装一个插件 Font Awesome 4 Menus 试试。

现在是北京时间2019年4月6日01:13:40,这个难题攻破了,可以睡觉了,大家晚安了哈,如有什么不懂得地方就请留言吧。

 

历史上的今天

  1. 2018:  win10打开vmware虚拟机没有反应(2)
  2. 2015:  单招结束了,彻底懵了。(1)


欢迎来到菜鸟头头的个人博客,下方有我的微信二维码,有兴趣的朋友可以加我好友,咱们一起交流探讨。
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的支付宝红包
  • 支付宝红包扫一扫打赏
  • weinxin
  • A+
所属分类:WEB

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • avatar 日/夜/撸/成/人/电/影 0

      今晚上我就来带大家解决这个问题,当然我的这个也是破解版的,用了有一两年了,不想换了,想用的我建议还是去支持一下正版,几百元而已,而且还带售后,破解版的自己解决问题