ripro主题美化:如何给菜单添加fontawesome图标

作者 : admin 发布时间: 2020-04-4 共463人阅读

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

 

ripro主题美化:如何给菜单添加fontawesome图标插图

菜单添加fontawesome图标方法:

1、原理很简单,利用菜单名,直接将fa fa图标标签添加进去。

2、具体操作如下图:

ripro主题美化:如何给菜单添加fontawesome图标插图(2)

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

<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图标就行。

1. 本站资源来源于用户上传和网络,如有侵权请联系站长!
2. 本站资源分享目的仅供学习和交流,请不要用于商业用途!
3. 本站资源如有链接无法下载、失效或广告,请联系站长处理!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 如果您有好的资源,可以投稿发布,分享有钻石奖励和额外收入!

SVIP站长 » ripro主题美化:如何给菜单添加fontawesome图标

常见问题FAQ

免费下载或者SVIP会员专享资源能否直接商用?
本站资源版权均属原作者所有,这里所提供资源仅供参考学习,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
点击下载链接不跳转怎么回事?
您好,QQ内打开是不跳转的,少部分浏览器也不跳转,一般的UC、搜狗、360等浏览器都可以跳转。
可以直接把资源发给我吗?
您好,付费资源可以直接把链接发送给您,免费资源不提供任何帮助,软件资源自测,或者请站长喝红牛!

发表评论