RiPro如何给菜单添加fontawesome图标

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

RiRpo菜单添加fontawesome图标方法:

  1. 首先,这是很简单的,原理是利用菜单名,直接将fa fa图标标签添加进去。
  2. 具体操作如下图:

在外观-菜单-点击要添加图标的菜单展开详情 然后如图,给菜单添加一段图标代码即可:


1
<span><i class="fa fa-home"></i> 首页</span>

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

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

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

服务声明: 本网站所有发布的源码、软件和资料均为作者提供或网友推荐收集各大资源网站整理而来,仅供功能验证和学习研究使用,您必须在下载后24小时内删除。不得使用于非法商业用途,不得违反国家法律,否则后果自负!一切关于该资源商业行为与本站无关。如果您喜欢该程序,请购买正版源码,能得到更好的正版售后服务。如有侵犯你的版权合法权益,请邮件或QQ与我们联系处理(邮箱:3089659733@qq.com),本站将立即删除改正。

播播资源 » RiPro如何给菜单添加fontawesome图标

发表回复