我们访问某些网站的时候,会发现导航菜单的文字前面有一个小图标,如下图所示:
在鲶鱼系统里面我们怎么来添加这个文字前面的图标呢?
下面我们来介绍一下如何实现。
首先我们进入系统后台,在后台的侧边栏中找到“菜单”这个功能,然后在其下面找到“添加菜单”,打开后我们将看到一个添加菜单项的页面,在这个页面里面找到“图标”设置项,如下图所示:
上面图中的“图标”就可以让我们来进行设置的,那么具体填些什么内容呢?
在这个输入框里面我们可以填入图标代码,或者小图片的HTML代码。下面我们举两个例子:
假设您使用的是Glyphicons字体图标,那么您可以这么填:
<span class="glyphicon glyphicon-home"></span>
当然如果您使用的是其他的字体图标,那么就按对应的字体图标的代码写入即可。
假设您使用的是图片,那么您可以这么填:
<img src="图片地址">
上面代码中的图片地址请替换成实际可以访问的图片地址即可。
由于图标的形式各种各样,没有固定的格式,所以这里需要填写具体的HTML代码。并且所填写的图标代码需要跟主题相配合使用。
当然,如果您的网站有多个菜单,您也同样可以为这些菜单添加图标,操作方法相同。
Original article, reproduced please specify:如何给导航菜单添加图标 | Catfish(鲶鱼) CMS
鲶鱼cms系统5.2.0版以及鲶鱼Blog系统3.2.0版在编辑文章页面新增了上传附件功...
我们在《鲶鱼CMS和鲶鱼Blog怎么自定义注册页面》一文里面介绍了如何通过制作主题文件来...
在实际建站过程中,往往需要进行网站备案,那么当我们备案之后,需要按要求在自己网站上放上备...
鲶鱼Blog系统可以在后台上传升级包进行升级,有些用户可能会很长时间没有升级,这样可能会...
我们在《鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》一文里面介绍了怎么在制作主题的时候自...
我们在《 鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》这一篇里面介绍了如何自己制作一个登...
Management background is composed of five bl...
In the previous section, we talked about how...
In the previous section we talked about how ...
To the last section we have learned to use t...
By the end of the previous section, we have ...