帝国cms导航图标栏目自定义字段的高级使用使用方法!
时间:2023年08月08日
/来源:网络
/编辑:佚名
在78模板网这个博客准备升级的过程时,准备做的好看一些 ,漂亮些。想在帝国cms栏目导航条上做的个性点。就是在每个栏目上加上不同的图标,既好看访客在浏览是也比较直观!这里用到帝国cms栏目自定义字段。
制作这类型的导航条 需要注意几点:
1、首先需要思考,是直接把每个栏目直接写死,还是通过灵动标签循环来实现。
2、一般情况下,为了体验和美观, 需要实现栏目的高亮状态,这里肯定是需要进行if 语句来判断实现。
3、这里实现的方法是通过灵动标签结合判断语句以及自定义栏目字段来实现如下效果:
说明:
灵动标签循环出栏目名称
if判断语句实现栏目高亮
栏目自定义字段实现图标效果
帝国cms导航图标栏目自定义字段的高级使用使用方法!
具体实施如下:
第一步、找到帝国cms 系统后台——栏目——栏目管理——栏目自定义字段——【增加栏目字段】
帝国cms导航图标栏目自定义字段的高级使用使用方法!
第二步、帝国cms 系统后台——栏目——管理栏目——(想要增加内容的栏目)——修改——【自定义字段】设置
帝国cms导航图标栏目自定义字段的高级使用使用方法!
1、点击【自定义字段设置】
2、在字段区域输入相应的图标代码就可以了!
3、图标代码从哪里获取
自行搜索Font Awesome图标字体,查看相关内容下载使用即可。
关于栏目自定义字段调用的方法请看【点我查看】文章标题-帝国cms灵动标签调用栏目自定义字段
第三步、灵动标签调出栏目名称+判断高亮+图标
代码如下:
<ul id="**">
<li><a href="[!--news.url--]" class="current_page_item"><i class="fa fa-home"></i>首页</a></li>
[e:loop={"select * from {$dbtbpre}enewsclass where classid in (1,2,5,3,4,36) order by classid limit 10",0,24,0}]
<?php
$classurl=sys_ReturnBqClassname($bqr,9);
$bgcolor="";
if($GLOBALS[navclassid]){
$fcr=explode('|',$class_r[$GLOBALS[navclassid]][featherclass]);
$topbclassid=$fcr[1]?$fcr[1]:$GLOBALS[navclassid];
if($bqr[classid]==$topbclassid){
$bgcolor=" class='高亮样式' "; //双引号里面是单引号
}
}
?>
<li><a href="<?=$classurl?>" title="<?=$bqsr[classname]?>"<?=$bgcolor?> ><i class="<?=ReturnClassAddField($bqr['classid'],'tb')?>"></i> <?=$bqr[classname]?></a></li>
[/e:loop]
</ul>
制作这类型的导航条 需要注意几点:
1、首先需要思考,是直接把每个栏目直接写死,还是通过灵动标签循环来实现。
2、一般情况下,为了体验和美观, 需要实现栏目的高亮状态,这里肯定是需要进行if 语句来判断实现。
3、这里实现的方法是通过灵动标签结合判断语句以及自定义栏目字段来实现如下效果:
说明:
灵动标签循环出栏目名称
if判断语句实现栏目高亮
栏目自定义字段实现图标效果
帝国cms导航图标栏目自定义字段的高级使用使用方法!
具体实施如下:
第一步、找到帝国cms 系统后台——栏目——栏目管理——栏目自定义字段——【增加栏目字段】
帝国cms导航图标栏目自定义字段的高级使用使用方法!
第二步、帝国cms 系统后台——栏目——管理栏目——(想要增加内容的栏目)——修改——【自定义字段】设置
帝国cms导航图标栏目自定义字段的高级使用使用方法!
1、点击【自定义字段设置】
2、在字段区域输入相应的图标代码就可以了!
3、图标代码从哪里获取
自行搜索Font Awesome图标字体,查看相关内容下载使用即可。
关于栏目自定义字段调用的方法请看【点我查看】文章标题-帝国cms灵动标签调用栏目自定义字段
第三步、灵动标签调出栏目名称+判断高亮+图标
代码如下:
<ul id="**">
<li><a href="[!--news.url--]" class="current_page_item"><i class="fa fa-home"></i>首页</a></li>
[e:loop={"select * from {$dbtbpre}enewsclass where classid in (1,2,5,3,4,36) order by classid limit 10",0,24,0}]
<?php
$classurl=sys_ReturnBqClassname($bqr,9);
$bgcolor="";
if($GLOBALS[navclassid]){
$fcr=explode('|',$class_r[$GLOBALS[navclassid]][featherclass]);
$topbclassid=$fcr[1]?$fcr[1]:$GLOBALS[navclassid];
if($bqr[classid]==$topbclassid){
$bgcolor=" class='高亮样式' "; //双引号里面是单引号
}
}
?>
<li><a href="<?=$classurl?>" title="<?=$bqsr[classname]?>"<?=$bgcolor?> ><i class="<?=ReturnClassAddField($bqr['classid'],'tb')?>"></i> <?=$bqr[classname]?></a></li>
[/e:loop]
</ul>
新闻资讯 更多
- 【帝国cms教程】帝国CMS模板变量$GLOBALS[navclassid]用法分析04-03
- 【帝国cms教程】鲜为人知帝国CMS内容页调用上一篇和下一篇的精华方法汇总04-03
- 【帝国cms教程】怎么快速找出帝国CMS数据库配置文件路径及迁移网站后修改技巧!04-03
- 【帝国cms教程】帝国CMS模板$GLOBALS[navclassid]用法详解04-03
- 【帝国cms教程】帝国cms 7.5版列表页分页样式修改笔记04-02
- 【帝国cms教程】解决帝国CMS搜索页面模板不支持灵动标签和万能标签的方法04-02
- 【帝国cms教程】帝国CMS只备份栏目和模板的方法04-02
- 【帝国cms教程】帝国CMS怎样删除清空数据库记录?04-02
热门文章
- 178Moban源码谈谈免费源码与收费源码的区别
- 2帝国CMS忘记后台登陆用户名、密码、认证码的解决方法
- 3帝国CMS(EmpireCMS) v7.5后台任意代码执行漏洞及具体修复方法
- 4帝国CMS和WordPress 哪个好?哪个适合建站?
- 5如何解决Discuz的密码错误次数过多请15分钟后登陆的问题
- 6帝国cms灵动标签取得内容和栏目链接地址
- 7emlog pro 注册码“开心”教程(如果有一天,emlog官方版 或者 emlog免费版 跑路了,那用户怎么办?)
- 8织梦CMS在nginx下设置伪静态方法(附nginx伪静态规则)
- 9帝国cms后台登录出现”您还未登录”怎么解决?
- 10帝国cms7.5忘记登录密码 和忘记登录认证码以及多次登录 失败被锁定解决办法