自定义图标的设置方法

自定义图标分为两类,一类是通过后台设置的”系统图标“,比如侧边导航、约会分类、技能分类三个,还有一个是除了以上三种之外的需要通过修改css来修改,下面将对这2类进行举例介绍。

一、系统图标

1、首先再supbbs后台按照使用说明里的方法填写“引用自定义图标”和勾选需要替换的“系统图标替换”

2、以侧边导航为例,进入supbbs后台--全局--导航设置--侧边导航,找到需要需要替换图标的导航点击“设置”

3、找到“ICO图标”把你的自定义图标的Unicode码填写进去(如下图)只需将红色部分填写进去

3、其他约会分类和技能分类图标替换方法同上

二、CSS图标

1、CSS图标需要修改css文件,本插件包含两个CSS文件,一个是source/plugin/cis_date/core/ui/ui.css

一个是source/plugin/cis_date/template/style/style.css

2、要修改css图标首先需要确定你想修改的图标所在的css样式,然后去以上2个文件查找到本样式,找到font-familycontent,将font-family里的datefont改为imicon,如果没有font-family,则直接填加一个font-family:"datefont",然后把content里的改为您自己自定义图标的Unicode码,填写方法和系统图标一样,需要加一个“\”,例如content:"\e6b1";