我们访问某些网站的时候,会发现导航菜单的文字前面有一个小图标,如下图所示:
在鲶鱼系统里面我们怎么来添加这个文字前面的图标呢?
下面我们来介绍一下如何实现。
首先我们进入系统后台,在后台的侧边栏中找到“菜单”这个功能,然后在其下面找到“添加菜单”,打开后我们将看到一个添加菜单项的页面,在这个页面里面找到“图标”设置项,如下图所示:
上面图中的“图标”就可以让我们来进行设置的,那么具体填些什么内容呢?
在这个输入框里面我们可以填入图标代码,或者小图片的HTML代码。下面我们举两个例子:
假设您使用的是Glyphicons字体图标,那么您可以这么填:
<span class="glyphicon glyphicon-home"></span>
当然如果您使用的是其他的字体图标,那么就按对应的字体图标的代码写入即可。
假设您使用的是图片,那么您可以这么填:
<img src="图片地址">
上面代码中的图片地址请替换成实际可以访问的图片地址即可。
由于图标的形式各种各样,没有固定的格式,所以这里需要填写具体的HTML代码。并且所填写的图标代码需要跟主题相配合使用。
当然,如果您的网站有多个菜单,您也同样可以为这些菜单添加图标,操作方法相同。
Original article, reproduced please specify:如何给导航菜单添加图标 | Catfish(鲶鱼) CMS
我们在做主题的时候,有时需要在页面单独显示当前菜单下的二级菜单,这个在鲶鱼系统里面有两种...
由于PHP软件的运行都需要服务器运行环境,虽然可以找到很多PHP的集成环境来使用,但是多...
我们在使用博客网站的时候,经常会希望对自己发布的文章进行归档处理,例如每个月发布了哪些文...
鲶鱼系统可以使用找回密码功能,但是在开启找回密码功能之前,我们必须要进行一项设置,就是S...
现代程序开发多是使用框架来写应用程序,因为框架可以带来事半功倍的效果。对于PHP程序也是...
鲶鱼cms系统5.2.0版以及鲶鱼Blog系统3.2.0版在编辑文章页面新增了上传附件功...
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 ...