RiPro如何给菜单添加fontawesome图标

许多朋友看到演示站的菜单有图标,不管是显示还是美观都有一定的效果,在这里,我介绍一下如何添给菜单添加fontawesome图标,也就是经常说的 fa fa图标。

  1. 首先,这是很简单的,原理是利用菜单名,直接将fa fa图标标签添加进去。
  2. 在外观-菜单-点击要添加图标的菜单展开详情 然后如图,给菜单添加一段图标代码即可
<span><i class="fa fa-home"></i> 首页</span>

注意这里有一些细节建议学习下

  • 图标代码是用<span>标签包裹起来的,这样会避免个别情况下不对齐问题
  • </i> 后面,有一个空格,这样做的原因是图标和文字不会太拥挤
  • 具体要用什么图标,可以到http://fontawesome.dashgame.com/ 官网去查找即可,将自己喜欢的图标代码替换即可
  • <span><i class=”fa fa-图标代码”></i> 菜单名称</span>

这种方法适合很多网站,都是这个原理,只要您的网站支持fontawesome图标就行。

版权声明 1 本网站名称:袁博客
2 本站永久网址:https://www.932t.com
3 本网站的文章部分内容来源于网络,仅供大家学习与参考,如有侵权,请联系站长微信:A2022717进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
7 本站资源来源于培训班或其他资料商,如遇侵权请联系站长删除。

932T资源网 » RiPro如何给菜单添加fontawesome图标
  • 1151会员数(个)
  • 3423资源数(个)
  • 0本周更新(个)
  • 0 今日更新(个)
  • 709稳定运行(天)

开通VIP 享更多特权