如何给导航菜单添加图标

Release time:2019年09月05日 Author:Catfish CMS Reading volume:13131

我们访问某些网站的时候,会发现导航菜单的文字前面有一个小图标,如下图所示:

在鲶鱼系统里面我们怎么来添加这个文字前面的图标呢?

下面我们来介绍一下如何实现。

首先我们进入系统后台,在后台的侧边栏中找到“菜单”这个功能,然后在其下面找到“添加菜单”,打开后我们将看到一个添加菜单项的页面,在这个页面里面找到“图标”设置项,如下图所示:

上面图中的“图标”就可以让我们来进行设置的,那么具体填些什么内容呢?

在这个输入框里面我们可以填入图标代码,或者小图片的HTML代码。下面我们举两个例子:

假设您使用的是Glyphicons字体图标,那么您可以这么填:

<span class="glyphicon glyphicon-home"></span>

当然如果您使用的是其他的字体图标,那么就按对应的字体图标的代码写入即可。

假设您使用的是图片,那么您可以这么填:

<img src="图片地址">

上面代码中的图片地址请替换成实际可以访问的图片地址即可。

由于图标的形式各种各样,没有固定的格式,所以这里需要填写具体的HTML代码。并且所填写的图标代码需要跟主题相配合使用。

当然,如果您的网站有多个菜单,您也同样可以为这些菜单添加图标,操作方法相同。

Original article, reproduced please specify:如何给导航菜单添加图标 | Catfish(鲶鱼) CMS

Reward

I want to comment Sign in to post a comment


Latest release

鲶鱼系统怎么添加附件以及如何在前端页面展示

鲶鱼cms系统5.2.0版以及鲶鱼Blog系统3.2.0版在编辑文章页面新增了上传附件功...

鲶鱼CMS和鲶鱼Blog自制注册页面的代码实现

我们在《鲶鱼CMS和鲶鱼Blog怎么自定义注册页面》一文里面介绍了如何通过制作主题文件来...

鲶鱼cms系统和鲶鱼blog系统怎么填写公安备案号和ICP备案号

在实际建站过程中,往往需要进行网站备案,那么当我们备案之后,需要按要求在自己网站上放上备...

关于鲶鱼Blog系统2.3.21版以后版本升级的说明

鲶鱼Blog系统可以在后台上传升级包进行升级,有些用户可能会很长时间没有升级,这样可能会...

鲶鱼CMS和鲶鱼Blog自制登录页面代码怎么实现

我们在《鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》一文里面介绍了怎么在制作主题的时候自...

鲶鱼CMS和鲶鱼Blog怎么自定义注册页面

我们在《 鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》这一篇里面介绍了如何自己制作一个登...

How to use the Catfish CMS system

Section 1: How to add articles

Management background is composed of five bl...

Section 2: to the article to add c...

In the previous section, we talked about how...

Section 3: Add a menu to your site

In the previous section we talked about how ...

Section 4: Page Setup

To the last section we have learned to use t...

Section 5: Change website name, LO...

By the end of the previous section, we have ...

Copyright © 2015 - 2021 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   I want to leave a message
Catfish(鲶鱼) CMS V 5.5.0