RiPro如何给菜单添加fontawesome图标

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

RiPro如何给菜单添加fontawesome图标

  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. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
8. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
9. 如遇到加密压缩包,默认解压密码为"aawp.cn",如遇到无法解压的请联系管理员!
当动演示 » RiPro如何给菜单添加fontawesome图标