网站模板库
  • 首页
  • web前端工具
    • HTML/JS转换工具
    • JS/HTML格式化工具
    • 字母/英文大小写转换工具
    • robots.txt文件生成工具
    • Js压缩/格式化工具
    • Css在线压缩工具_代码格式化
  • 关于我们
    • 免责声明
    • 联系我们
    • 广告服务
    • 服务项目
    • 关于我们
    • 网站轮播
    • 公告
    • 成都优优科技专用
    • 按行业分类
  • web学院
    • 服务器教程
    • 学习资料
      • 基础书籍
      • 交互书籍
      • 入门教程
      • 特效分类
    • 案例分享
    • web资讯
  • 网页特效
    • 图片特效
    • 导航特效
    • 滑动按钮
    • 表单特效
    • 文字特效
    • 弹窗特效
    • 其他特效
  • 织梦模板
    • 科技/电子/数码/通信
    • 文化/艺术/广告/传媒
    • 装修/设计/家居/家具
    • 基建/施工/地产/物业
    • 餐饮/酒店/旅游/票务
    • 食品/果蔬/饮料/日用
    • 服饰/珠宝/礼品/玩具
    • 摄影/婚庆/家政/生活
    • 运动/健身/体育/器材
    • 学校/教育/培训/科研
    • 美容/保健/医院/医疗
    • 金融/财税/咨询/法律
    • 政府/组织/集团/协会
    • 汽车/物流/交通/搬运
    • 机械/设备/制造/仪器
    • 化工/环保/能源/材料
    • 农业/畜牧/养殖/宠物
    • 其他模版
    • IT/软件/信息/互联网
  • 手机模板
    • 手机APP模板
    • 微信小程序模板
    • wap
  • 网站模板
    • joomla模板
    • Drupal模板
    • z-blog模板
    • EyouCms模板
    • Bootstrap模板
    • 帝国cms模板
    • CmsEasy模板
    • MetInfo模板
    • 购物商城模板
      • Shopify主题
      • PrestaShop主题
    • 后台模板
    • 纯HTML模板
    • ecshop模板
    • phpwind模板
    • pbootcms模板
    • phpcms模板
    • wordpress模板
    • discuz模板
  • 教程
    • 织梦教程
    • Discuz教程
    • WordPress教程
    • Phpcms教程
    • Phpwind教程
    • ECShop教程
    • Joomla教程
    • Drupal教程
    • zblog教程
    • EyouCMS教程
    • 帝国cms教程
    • MetInfo教程
    • CmsEasy教程
登录
当前位置:网站模板库 > 教程 > 织梦教程 > dedecms子栏目如何显示父栏目的内容?
商业源码 织梦教程 2023-09-28 16:36:02

dedecms子栏目如何显示父栏目的内容?

dedecms子栏目如何显示父栏目的内容?,第1张

需要重新架构,只根据您的样式ID写是无法写的。需要考虑到兼容性。

下面提供一段全新的符合您要求的代码和CSS,供您参考学习。

<div class="list">

     <ul class="tnews">

         <a class="title" title="公司新闻" href="/news/news/"><span class="t1">公司新闻</span><span class="t2">NEWS</span></a>

<li><a title="织梦DEDEcms文章散文模板" href="/news/news/18html"><span style="float:right; padding-left:2px;">01-07</span>织梦DEDEcms文章散文模板</a></li>

<li><a title="轻博客织梦博客模板/文章资讯模" href="/news/news/17html"><span style="float:right; padding-left:2px;">01-07</span>轻博客织梦博客模板/文章资讯模</a></li>

<li><a title="dede织梦商城模板(服装商城)" href="/news/news/16html"><span style="float:right; padding-left:2px;">01-07</span>dede织梦商城模板(服装商城)</a></li>

<li><a title="安防安防门的安装要求和使用说明" href="/news/news/7html"><span style="float:right; padding-left:2px;">07-25</span>安防安防门的安装要求和使用说明</a></li>

<li><a title="将相金属带您解析安防安防门的分" href="/news/news/6html"><span style="float:right; padding-left:2px;">07-25</span>将相金属带您解析安防安防门的分</a></li>

<li><a title="将相安防安防门一般在什么地方设" href="/news/news/5html"><span style="float:right; padding-left:2px;">07-25</span>将相安防安防门一般在什么地方设</a></li>

        </ul>

     <ul class="tnews">

         <a class="title" title="行业动态" href="/news/hot/"><span class="t1">行业动态</span><span class="t2">INFORMATION</span></a>

<li><a title="安防监控选购有章可循" href="/news/hot/27html"><span style="float:right; padding-left:2px;">01-07</span>安防监控选购有章可循</a></li>

<li><a title="人气明星职业妆容画法" href="/news/hot/20html"><span style="float:right; padding-left:2px;">01-07</span>人气明星职业妆容画法</a></li>

<li><a title="打造21世纪社会急需高端人才" href="/news/hot/19html"><span style="float:right; padding-left:2px;">01-07</span>打造21世纪社会急需高端人才</a></li>

<li><a title="安防安防门的样式还需提高" href="/news/hot/10html"><span style="float:right; padding-left:2px;">07-25</span>安防安防门的样式还需提高</a></li>

<li><a title="安防安防门的种类及安装位置介绍" href="/news/hot/9html"><span style="float:right; padding-left:2px;">07-25</span>安防安防门的种类及安装位置介绍</a></li>

<li><a title="安防门的产品种类和分类" href="/news/hot/8html"><span style="float:right; padding-left:2px;">07-25</span>安防门的产品种类和分类</a></li>

        </ul>

     <ul class="tnews">

         <a class="title" title="常见问题" href="/faq/"><span class="t1">常见问题</span><span class="t2">FAQ</span></a>

<li><a title="各类监控怎么洗涤才好?" href="/faq/2014/0107/26html"><span style="float:right; padding-left:2px;">01-07</span>各类监控怎么洗涤才好?</a></li>

<li><a title="安防监控的安装注意啥?" href="/faq/2014/0107/25html"><span style="float:right; padding-left:2px;">01-07</span>安防监控的安装注意啥?</a></li>

<li><a title="安防监控的风格怎么搭?" href="/faq/2014/0107/24html"><span style="float:right; padding-left:2px;">01-07</span>安防监控的风格怎么搭?</a></li>

<li><a title="监控清洗让爱家在焕然一新" href="/faq/2014/0107/23html"><span style="float:right; padding-left:2px;">01-07</span>监控清洗让爱家在焕然一新</a></li>

<li><a title="合肥中科大先进技术研究院综合主" href="/faq/2014/0107/22html"><span style="float:right; padding-left:2px;">01-07</span>合肥中科大先进技术研究院综合主</a></li>

<li><a title="政府采购中心“监控”招标公告" href="/faq/2014/0107/21html"><span style="float:right; padding-left:2px;">01-07</span>政府采购中心“监控”招标公告</a></li>

        </ul>

    </div>/common tail css/

list{ width:1100px;margin:0 auto;}

list ul{ float:left; width:275px; height:282px; display:block; color:#7B7474;}

list ul title{ width:250px; height: 33px; display:block; background-color:#D0D0D0; margin:32px 0 5px; color:#666666}

list ul title:hover{ text-decoration:none; background-color:#54C0F0; color:#FFF;}

list ul title t1{ line-height:32px; font-size:14px; font-weight:bold; padding-left:10px;}

list ul title t2{ line-height:28px; font-size:10px; font-weight:bold; padding:4px 0 0 5px;}

list ul li{ width:245px; height:30px; display:block; line-height:30px; padding-left:5px; font-size:13px; overflow:hidden}

方法和详细的操作步骤如下:

1、第一步,打开织梦Dedecms的主界面,直接找到“增加顶级栏目”选项并选择跳转,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,进入新对话框,根据实际情况进行设置,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,请单击“确定”按钮,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,可以调用当前栏目的文章列表,见下图。这样,就解决了这个问题了。

今天很郁闷,感觉就是对dede不熟,一个芝麻小的事情都搞了好长时间。真有一种自己写模板的冲动。想修改啥,一看文档自己就能去修改。当然我的技术还不够成熟。废话就不多说了。

我现在的栏目结构是这样的

---报名信息(顶级栏目)

----最新开班 (次级栏目)

----培训班一(三级栏目)

----培训班一下的文章1(这个是文章不是子栏目)

----培训班二(三级栏目)

----培训班二下的文章1(这个是文章不是子栏目)

我现在想要显示上面了。想要显示。最新开班。级最新开班下的子栏目及对应的文章

显示的样式:(由于不能发所以有点不太好直观)

最新开班

培训班一

培训班一下的文章1

培训班二

培训班二下的文章1

具体代码如下:

{dede:channelartlist row=6 typeid='4'}

<div class="m1_content">

<h4><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h4>

<div class="list">

{dede:arclist titlelen='42' row='10'}

<ul>

<li><a href="[field:arcurl /]"><span>[field:title /]</span></a></li>

</ul>

{/dede:arclist}

</div>

</div>

{/dede:channelartlist}

提醒一下:

标签功能:获取当前频道的下级栏目的内容列表标签

channelArtlist 是唯一一个可以直接嵌套其它标记的标记,不过仅限于嵌套

{dede:type}{/dede:type} 和 {dede:arclist}{/dede:arclist} 两个标记。

对于这个标签我也不多说。去看一下cms文档

不知道对不对,你先看看

这个你可以用js来实现,也可以写多个模板每个栏目对应一个模板,每个中的小红圈都是默认的这个也可以实现!但是比较麻烦,建议你用js,给你说下思路:就是当用户单击栏目的时候触发一个事件,然后你就把那张小放到那个栏目的前面就可以了!!!用id控制!

我们经常用的是下面这个代码,亲可以试试  

{dede:channelartlist typeid='top'   row='5'}   

 <a href="{dede:fieldtypeurl/}">{dede:fieldtypename/}</a>

      <dl>

      {dede:channel type='son' noself='yes'}<dd><a href="[field:typelink/]">[field:typename/]</a></dd>{/dede:channel}        

      </dl>

{/dede:channelartlist}

找到dede默认的indexhtm文件的这段代码

<div class="picnews">

<dl class="tbox light">

<dt class='light'><strong>图文资讯</strong></dt>

<dd class='light'>

<div class="infiniteCarousel">

<div class="wrapper">

<ul id='imgscroll'>

{dede:arclist row=10 orderby=pubdate type='image' imgwidth='143' imgheight='106'}

<li><a href="[field:arcurl/]">[field:image/]<span class="title">[field:title/]</span></a></li>

{/dede:arclist}

</ul>

</div>

</div>

</dd>

</dl>

</div>

{dede:arclist row=10 orderby=pubdate type='image' imgwidth='143' imgheight='106'}

<li><a href="[field:arcurl/]">[field:image/]</a></li>

{/dede:arclist}这一段就是调用的代码了,如果还想要图文结合可以这样

{dede:arclist row=10 orderby=pubdate type='image' imgwidth='143' imgheight='106'}

<li><a href="[field:arcurl/]">[field:image/]<span class="title">[field:title/]</span></a></li>

{/dede:arclist}

如果有1,2,3,4,5,6,7,8,9个栏目,调用1,3,5三个栏目可以这样调用typeid=‘1,3,5’

安防 栏目 培训班 文章 模板
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » dedecms子栏目如何显示父栏目的内容?

商业源码 钻石

分享到:
上一篇
如何实现DEDECMS全站调用tag标签
下一篇
dedecms怎么配置移动端网站!自己做的移动端

相关推荐

Discuz 门户模块模版什么意思?

Discuz 门户模块模版什么意思?

discuz论坛页面最下面的‘论坛统计’怎么不显示

discuz论坛页面最下面的‘论坛统计’怎么不显示

做门户网站,phpwind和discuz有啥区别呢?哪里能找到教程?

做门户网站,phpwind和discuz有啥区别呢?哪里能找到教程?

discuz x3.2 中如何自定义全局函数方法

discuz x3.2 中如何自定义全局函数方法

0条评论

发表评论 取消回复

要发表评论,您必须先登录。

提供最优质的资源集合

立即查看 了解详情
网站模板库

主题/付费下载/查看/余额管理/自定义积分,集成支付,卡密,推广奖励等。

本站导航
  • 链接标题
友情链接
  • 链接标题
快速搜索
本站由钛宇宙强力驱动
友情链接:
    商业源码网蜀ICP备2023005044号
    网站模板库
    • 登录
    • 注册
    网站模板库
    • 首页
    • web前端工具►
      • HTML/JS转换工具
      • JS/HTML格式化工具
      • 字母/英文大小写转换工具
      • robots.txt文件生成工具
      • Js压缩/格式化工具
      • Css在线压缩工具_代码格式化
    • 关于我们►
      • 免责声明
      • 联系我们
      • 广告服务
      • 服务项目
      • 关于我们
      • 网站轮播
      • 公告
      • 成都优优科技专用
      • 按行业分类
    • web学院►
      • 服务器教程
      • 学习资料►
        • 基础书籍
        • 交互书籍
        • 入门教程
        • 特效分类
      • 案例分享
      • web资讯
    • 网页特效►
      • 图片特效
      • 导航特效
      • 滑动按钮
      • 表单特效
      • 文字特效
      • 弹窗特效
      • 其他特效
    • 织梦模板►
      • 科技/电子/数码/通信
      • 文化/艺术/广告/传媒
      • 装修/设计/家居/家具
      • 基建/施工/地产/物业
      • 餐饮/酒店/旅游/票务
      • 食品/果蔬/饮料/日用
      • 服饰/珠宝/礼品/玩具
      • 摄影/婚庆/家政/生活
      • 运动/健身/体育/器材
      • 学校/教育/培训/科研
      • 美容/保健/医院/医疗
      • 金融/财税/咨询/法律
      • 政府/组织/集团/协会
      • 汽车/物流/交通/搬运
      • 机械/设备/制造/仪器
      • 化工/环保/能源/材料
      • 农业/畜牧/养殖/宠物
      • 其他模版
      • IT/软件/信息/互联网
    • 手机模板►
      • 手机APP模板
      • 微信小程序模板
      • wap
    • 网站模板►
      • joomla模板
      • Drupal模板
      • z-blog模板
      • EyouCms模板
      • Bootstrap模板
      • 帝国cms模板
      • CmsEasy模板
      • MetInfo模板
      • 购物商城模板►
        • Shopify主题
        • PrestaShop主题
      • 后台模板
      • 纯HTML模板
      • ecshop模板
      • phpwind模板
      • pbootcms模板
      • phpcms模板
      • wordpress模板
      • discuz模板
    • 教程►
      • 织梦教程
      • Discuz教程
      • WordPress教程
      • Phpcms教程
      • Phpwind教程
      • ECShop教程
      • Joomla教程
      • Drupal教程
      • zblog教程
      • EyouCMS教程
      • 帝国cms教程
      • MetInfo教程
      • CmsEasy教程

      弹窗标题

      这是一条网站公告,可在后台开启或关闭,可自定义背景颜色,标题,内容,用户首次打开关闭后不再重复弹出,此处可使用html标签...