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

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

Young小杰2017-10-8 16:15 网站搭建 (4)850已收录小标签: 网站搭建教程 涛先森 网站搭建技术教程

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]; ?>
转载涛先森博客,看不懂的可以问问他

本文字数:758 |转载请留下杨小杰blog版权


评论:

思源 Google Chrome 40.0.2214.89 Linux局域网 对方和您在同一内部网 2017-10-16 16:12
(๑•̀ㅁ•́ฅ)我觉得手机端也是可以优化的!
还有这个方法不太好
不如用正则匹配naviname,输出相应的图标。高兴
Young小杰四川省成都市 电信 2017-10-16 19:18
@思源:谢谢指教
Geekerstar SouGou Browser 2.X 非主流操作系统天津市 联通 2017-10-16 15:15
谢谢大佬的教程
李明 Firefox 54.0 Android香港 特别行政区 2017-10-13 16:22
我的主题也有这些图标,感觉比较好看。

发表评论:

签到 赞赏 丢小花 请勾选我再发表评论!