html中怎么在图片上做导航,如何给导航菜单添加图标 | Catfish(鲶鱼) CMS | 免费开源CMS - 快速建站系统 - 官方网站...

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

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

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

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

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

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

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

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

假设您使用的是图片，那么您可以这么填：

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

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

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