首页 » 网站推广 » php怎么引图标技巧_zblogPHP导航栏菜单名称前的个性化图标设置方法

php怎么引图标技巧_zblogPHP导航栏菜单名称前的个性化图标设置方法

访客 2024-11-13 0

扫一扫用手机浏览

文章目录 [+]

1、登录我们的 zblogPHP 站点后台 >> 模块管理 >> 导航栏,详细如下:

2、在“导航栏”模块编辑界面中,类型选择 DIV,打开“禁止系统更新模块内容”的开关,然后在正文的导航菜单名称前添加个性化图标代码,如:

php怎么引图标技巧_zblogPHP导航栏菜单名称前的个性化图标设置方法

<i class=\公众fas fa-book\"大众></i>

详细效果如下图所示:

php怎么引图标技巧_zblogPHP导航栏菜单名称前的个性化图标设置方法
(图片来自网络侵删)

关于图标代码后面的 是图标跟名称之间加一个空格,让其看起来更都雅而已。
设置好后显示的效果如下图所示:

理论上,图标字体可以用在网站的任意位置,只须要用 i 标签加 class 来添加即可。
比如我要加入微信图标,我只要在须要显示的位置添加如下标签即可:

<i class=\公众fab fa-weixin\公众></i>

而我们想要更多的图标,就须要到官方的图标库(https://fontawesome.com/icons)里面去查找,找到得当的图标后,点击打开即可得到相应的标签 class 了。

这是我利用 zblog 后碰着的导航菜单图标问题的办理办法,希望可以帮助跟我一样碰着这样问题的朋友。

标签:

相关文章

安卓手机电池技术发展之路电池续航的奥秘

智能手机已经成为我们生活中不可或缺的一部分。手机续航问题一直困扰着广大用户。作为安卓手机的核心部件,电池技术的发展显得尤为重要。本...

网站推广 2025-02-18 阅读0 评论0

安卓代码开源生态的基石

安卓,作为全球最流行的移动操作系统,其代码的开放性使得无数开发者得以自由探索和贡献。本文将深入剖析安卓代码,探讨其架构、特性以及开...

网站推广 2025-02-18 阅读0 评论0

探索瑞士之美三字代码背后的文化魅力

瑞士,这个位于欧洲大陆心脏地带的国家,以其独特的自然风光、丰富的文化底蕴和高度发达的经济而闻名于世。在众多关于瑞士的介绍中,瑞士的...

网站推广 2025-02-18 阅读0 评论0