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

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

修改完成后,发现导航栏太过于单调,所以加入了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]; ?>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏漫漫前端路

vue-cli 3.0 下发布一个 TypeScript 组件

vue-cli 3.0 提供了一系列功能,包括对 Babel, TypeScript, ESlint, PWA 等开箱即用的支持,同时,它也提供了一个 CLI ...

1952
来自专栏向治洪

Vue.js快速入门

Vue.js简介 Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设...

2809
来自专栏流柯技术学院

PhantomJS快速入门

本文简要介绍了PhantomJS的相关基础知识点,主要包括PhantomJS的介绍、下载与安装、HelloWorld程序、核心模块介绍等。由于鄙人才疏学浅,难免...

6562
来自专栏石奈子的Java之路

原 Intellij idea2017编辑

3496
来自专栏向治洪

Vue.js简介

Vue.js简介 Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设...

3117
来自专栏葡萄城控件技术团队

WebStorm 常用功能的使用技巧分享

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅。 本文在这里分享一些常用功能的使...

2858
来自专栏腾讯NEXT学位

小程序初学者必读——小程序的简单入门

2343
来自专栏编程之旅

PHP开发——yii2多图上传组件的使用

最近在使用yii2开发一个表单页面的时候,有多图上传的需求,稍微找了找这方面的组件,基本都安利fileInput这个组件,于是就尝试着使用这个库来完成后端表单页...

2901
来自专栏数据结构笔记

python爬虫系列之 xpath实战:批量下载壁纸

我们要爬取的目标网站是:http://www.netbian.com/,这个网站长这样:

4004
来自专栏vue学习

26、有赞Vant组件库的引入及轮播图片预览的实现①

这里引入vant有点坑啊,,,因为官网不推荐一次性导入所有组件,所以按照推荐的使用按需引入组件方法引入组件。

1391

扫码关注云+社区

领取腾讯云代金券