首页 » PHP教程 » php参加图标技巧_zblogPHP导航栏菜单名称前的个性化图标设置方法

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

访客 2024-11-25 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 后碰着的导航菜单图标问题的办理办法,希望可以帮助跟我一样碰着这样问题的朋友。

标签:

相关文章

介绍白点控制之路,从原理到方法

白点,作为生活中常见的现象,无处不在。对于如何控制白点,许多人却感到困惑。本文将从原理出发,探讨白点的控制方法,并结合实际案例,为...

PHP教程 2025-01-03 阅读1 评论0

介绍直播王者,如何开启你的电竞直播之旅

随着电竞产业的蓬勃发展,越来越多的年轻人投身于电竞直播行业。王者荣耀作为一款备受欢迎的MOBA手游,吸引了大量玩家和观众。如何开启...

PHP教程 2025-01-03 阅读1 评论0