杨小杰博客(Youngxj)提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

emlog新方法:导航栏加入Font Awesome图标,可自定义

Young小杰2017-10-8 16:15网站搭建(4)3664查询中……小标签: 网站搭建教程 涛先森 网站搭建技术教程

YTimg-20171005011925.png

在前一段时间,发现本人的这个模板是可以二次开发,版权不修改。

修改完成后,发现导航栏太过于单调,所以加入了Font Awesome图标

特点:活动导航栏,简便操作

安装教程:

  1. 首先打开module.php主题核心文件,一般都在主题文件夹下
  2. 找到导航模块
  3. 添加数据,在 foreach($navi_cache as $value) 代码前后分别添加$i=0;和$i++;如下
    $i=0;foreach($navi_cache as $value):$i++;
  4. 添加数据,在 $i++ 代码前后添加
    $cac=array('1'=>"<i class=\"fa fa-home fa-spin\"></i>", '2'=>"<i class=\"fa fa-heartbeat fa-spin\"></i>", '3'=>"<i class=\"fa fa-paint-brush fa-spin\"></i>", '4'=>"<i class=\"fa fa-user-circle-o fa-spin\"></i>", '5'=>"<i class=\"fa fa-qq fa-spin\"></i>",)
  5. 图标可自己定义,这边的数字代表着导航栏对应排序数字。可增可删
  6. 最后在
    <a href="<?php echo $value['url']; ?>" <?php echo $newtab;?>><?php echo $value['naviname']; ?>
    之后添加
    <?php echo $cac[$i]; ?>
看不懂的可以问问涛先森
本文最后更新于2017-10-8,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

发表评论:

发表评论:

  • 思源 Lv 1

    (๑•̀ㅁ•́ฅ)我觉得手机端也是可以优化的!
    还有这个方法不太好
    不如用正则匹配naviname,输出相应的图标。回复了(高兴)

  • Geekerstar Lv 1

    谢谢大佬的教程

  • 李明 Lv 6

    我的主题也有这些图标,感觉比较好看。

  • 手机扫描二维码
    阅读体验更佳