您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

实现dede二级栏目当前效果的方法

怜梦2023-12-21DedeCMS教程已有人查阅

导读网上有好多关于织梦模板二级栏目当前效果的文章。我发现有一些共同点就是一般都要修改原代码,或是其他的方式来实现,今天我发现一个比较简单的方法

网上有好多关于织梦模板二级栏目当前效果的文章。我发现有一些共同点就是一般都要修改原代码,或是其他的方式来实现,今天我发现一个比较简单的方法,只需要稍改下css样式就可以实现。
下面是我的方法,贴出来供大家参考下,由于刚做教程,说得有些乱,请谅解,过些天我再修改下。
下面是我修改的Css和channelartlist 部分。
css部分:
<style>
.type{dede:field.id/}{ color:#b96704; font-weight:bold; background:#fff}
#dis{dede:field.reid/},#dis{dede:field.id/}{ display: block}
.on{dede:field.reid/},.on{dede:field.id/}{ font-weight:bold; color:#000}
</style>
这部分一定要放到模板页面,不能使用link来加入
channelartlist 循环部分
<ul>
{dede:channelartlist }
<li class="tenint"><a href='{dede:field name='typeurl'/}' class=" on{dede:field.id/}">{dede:field name='typename'/}</a></li>
<ul class='autod' id="dis{dede:field.id/}">
{dede:sql sql='Select * from dede_arctype where reid =~id~'}
<li><a href="../plus/list.php?tid=[field:id/]" class="type[field:id/]">[field:typename /]</a></li>
{/dede:sql}
</ul>
{/dede:channelartlist}
</ul>
这个就可以实现二级 甚至三级的当前效果
如果大家需要,我周六或是周日来仔细说下
另外还有一个投票的bug解决(就是投票以后需要刷新才在本地显示正确的投票票数)

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)蓝色智能环保机械设备网站营销型pbootcms模板下载本模板基于PbootCMS系统开发,为环保设备制造企业设计,特别适合展示环保机械、智能装备等产品。采用响应式技术,确保各类设备参数和技术方案在不同终端上都能清晰展示。查看源码
  • 自适应APP应用程序介绍推广落地页pbootcms网站源码下载移动应用开发商设计的营销型落地页模板,基于PbootCMS内核深度开发采用前沿响应式架构,无缝适配手机端操作习惯与PC端展示需求。查看源码
  • 帝国cms7.5个人博客资讯文章模板下载本模板简洁个人博客网站设计开发,采用帝国CMS内核构建,只需替换文字图片即可快速搭建专业网站。自适应手机端设计,数据实时同步,操作简单便捷。PHP程序确保安全稳定运行,帮助您以较低成本获取持续业务。查看源码
  • (PC+WAP)压缩机离心风机红色机械设备营销型网站pbootcms模板基于PbootCMS开发的压缩机/离心风机专用模板,助力机械设备企业构建高效营销平台;模板可编辑压缩机参数表、风机性能曲线等专业展示模块查看源码
  • (自适应响应式)门窗定制门业带视频功能pbootcms模板下载本模板采用PbootCMS内核开发,为门窗制造、定制安装企业打造,通过可视化后台管理系统快速构建品牌官网。自适应设计确保在手机、平板、电脑等设备上均能获得优质浏览体验查看源码
  • (自适应html5)自媒体运营培训教程个人博客pbootcms模板本模板基于PbootCMS系统开发,特别适合自媒体运营培训、知识付费类网站使用。采用响应式设计,能够适配各类终端设备,为内容创作者提供专业的内容展示平台。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐