设为首页收藏本站 今天是: 2021-06-25    "全国土地日"  珍惜土地资源,合理利用土地资源

站内搜索

搜索
热搜: 活动 交友 discuz

寻宝楼论坛

[网页教程] RiRpo菜单添加fontawesome图标方法

名人堂:
No.2
88888888

1503

主题

1553

帖子

9766

积分

管理员

Rank: 9Rank: 9Rank: 9

威望
300
贡献
151
金币
7447 枚
精华
3篇
在线时间
344 小时
注册时间
2020-5-12
最后登录
2021-6-24

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老吾是土豪帅哥认证问题达人吾是智囊精品之王我是单身我拍谁!!!好人卡!!!

版主专享版主专享

发表于 2020-7-25 14:10:40 | 显示全部楼层 |阅读模式
RiRpo菜单添加fontawesome图标方法40 作者:挽弦暮笙 帖子ID:404
! b1 Q6 F+ L1 w, _5 F" b3 b# b6 P8 I, z, S: b/ p, \! \

1 U( T$ C( `/ X首先,这是很简单的,原理是利用菜单名,直接将fa fa图标标签添加进去。
& k3 F0 [) i) c& G4 C) f& c具体操作如下图:
% t; g  t8 n6 C9 {3 V0 ^3 U  I9 _

! s$ q# ^3 X# e, W/ A8 R2 O
在外观-菜单-点击要添加图标的菜单展开详情 然后如图,给菜单添加一段图标代码即可:
  1. <span><i class="fa fa-home"></i> 首页</span>5 f& _. v. f; M' e% X
复制代码
注意这里有一些细节建议学习下
  • 图标代码是用<span>标签包裹起来的,这样会避免个别情况下不对齐问题
  • </i> 后面,有一个空格,这样做的原因是图标和文字不会太拥挤
  • 具体要用什么图标,可以到http://fontawesome.dashgame.com/ 官网去查找即可,将自己喜欢的图标代码替换即可
  • <span><i class=”fa fa-图标代码”></i> 菜单名称</span>
    - x% \8 B$ ?6 g1 r9 u
这种方法适合很多网站,都是这个原理,只要您的网站支持fontawesome图标就行。" C5 o* j! Q  d% o1 `

7 N% q4 O# P; ?* u

帖子地址: 

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 收藏帖子 返回列表 客服中心 搜索 官方QQ群
企业
关于我们 加入我们
友情链接 媒体合作
联系我们 QQ群
官方
新浪微博 腾讯微博
百度贴吧 人人主页
脸书 推特
下载
安卓客户端下载 桌面客户端
反馈
意见建议 用户使用协议
帮助
更多
捐助本站
安卓客户端下载

安卓客户端下载

苹果端下载密码:dmwu

苹果端下载密码:dmwu

快速回复 收藏帖子 返回列表 客服中心 搜索 官方QQ群
桂ICP备2021004265号-1

Powered by Discuz! X3.4 © 2001-2013 寻宝楼论坛