把dz的主题分类伪装成子版块

简介: 把dz的主题分类伪装成子版块
<!--{if ($_G['forum']['threadtypes'] &amp;&amp; $_G'forum'['listable']) || count($_G'forum'['types'])> 0}-->
<p style="text-align: left;">
  <ul id="thread_types" class="ttp bm cl">
    <!--{hook/forumdisplay_threadtype_inner}-->
    <li id="ttp_all" {if !$_GET[ 'typeid'] &amp;&amp; !$_GET[ 'sortid']}class="xw1 a" {/if}>
      <a href="forum.php?mod=forumdisplay&fid=$_G[fid]{if $_G'forum'['defaultshow']}&filter=sortall&sortall=1{/if}{if $_GET['archiveid']}&amp;archiveid={$_GET['archiveid']}{/if}">{lang forum_viewall}</a></li>
    <!--{if $_G'forum'}-->
    <!--{loop $_G['forum']['threadtypes']['types'] $id $name}-->
    <!--{if $_GET['typeid']==$ id}-->
    <li class="xw1 a">
      <a href="forum.php?mod=forumdisplay&fid=$_G[fid]{if $_GET['sortid']}&filter=sortid&sortid=$_GET['sortid']{/if}{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}" &gt;&lt;!--{if $_Gforumicons 'threadtypes'==2 }-->
        <img class="vm" src="$_G[forum][threadtypes][icons][$id]" alt="">
        <!--{/if}-->$name&lt;!--{if $showthreadclasscounttypeid[$id]</span>
        <!--{/if}--></a>
    </li>
    <!--{else}-->
    <li>
      <a href="forum.php?mod=forumdisplay&fid=$_G[fid]&amp;filter=typeid&amp;typeid=$id$forumdisplayadd[typeid]{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}" &gt;&lt;!--{if $_Gforumicons 'threadtypes'==2 }-->
        <img class="vm" src="$_G[forum][threadtypes][icons][$id]" alt="">
        <!--{/if}-->$name&lt;!--{if $showthreadclasscounttypeid[$id]</span>
        <!--{/if}--></a>
    </li>
    <!--{/if}-->
    <!--{/loop}-->
    <!--{/if}-->
    <!--{if $_G'forum'}-->
    <!--{if $_G'forum'}-->
    <li>
      <span class="pipe">|</span></li>
    <!--{/if}-->
    <!--{loop $_G['forum']['threadsorts']['types'] $id $name}-->
    <!--{if $_GET['sortid']==$ id}-->
    <li class="xw1 a">
      <a href="forum.php?mod=forumdisplay&fid=$_G[fid]{if $_GET['typeid']}&filter=typeid&typeid=$_GET['typeid']{/if}{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}" &gt;$name<!--{if $showthreadclasscount[sortid][$id]}-->
        <span class="xg1 num">$showthreadclasscount[sortid][$id]</span>
        <!--{/if}--></a>
    </li>
    <!--{else}-->
    <li>
      <a href="forum.php?mod=forumdisplay&fid=$_G[fid]&amp;filter=sortid&amp;sortid=$id$forumdisplayadd[sortid]{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}" &gt;$name<!--{if $showthreadclasscount[sortid][$id]}-->
        <span class="xg1 num">$showthreadclasscount[sortid][$id]</span>
        <!--{/if}--></a>
    </li>
    <!--{/if}-->
    <!--{/loop}-->
    <!--{/if}-->
    <!--{hook/forumdisplay_filter_extra}--></ul>
  <script type="text/javascript">showTypes('thread_types');</script>
  <!--{/if}-->

首先这个是原主题分类的代码,我们需要做些修改:

<p style="text-align: left;">
  <div class="mod_mopart">
    <div class="hd">
      <span>分类</span></div>
    <div class="bd">//开始循环主题分类
      <!--{if $_G'forum'}-->
      <!--{loop $_G['forum']['threadtypes']['types'] $id $name}-->
      <ul class="clearfix">
        <li>//调出主题分类链接和图标(图标去后台设置)
          <a href="forum.php?mod=forumdisplay&fid=$_G[fid]&amp;filter=typeid&amp;typeid=$id$forumdisplayadd[typeid]{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}">
            <!--{if $_G[forum][threadtypes][icons][$id]}-->
            <img src="$_G[forum][threadtypes][icons][$id]" width="60" height="60" alt="">
            <!--{else}-->
            <img src="static/image/common/forum.gif" width="60" height="60" alt="">
            <!--{/if}-->//这里染念加if,如果没有图标,则显示默认版块图标,是不是逼格提升了?
            <span class="title">$name</span>//调用名称</p>
<p style="text-align: left;">
  <span class="num">//调用在该主题分类发的帖子,这里染念加了if选择结构,不然没有出现0,而是白白的&nbsp;
    <span>话题:
      <!--{if $showthreadclasscount[typeid][$id]}-->$showthreadclasscount[typeid][$id]
      <!--{else}-->0
      <!--{/if}--></span></span>
  </a>
  </li>
  </ul>
  <!--{/loop}-->
  <!--{/if}--></div>
  </div>
</p>> 注明://注释..在这里不规范,要不是我要看到编码器的效果
.mod_mopart {
padding: 10px 0;
margin: 0 15px;
border-top: 1px dotted #d9d9d9;
}
.mod_mopart .hd {
margin-bottom: 10px;
}
.mod_mopart .hd span {
font-weight: 700;
font-size: 14px;
}
.mod_mopart .bd {
width: 950px;
overflow: hidden;
}
.mod_mopart ul {
margin: 0 -10px -10px 0;
}
.mod_mopart li {
float: left;
_display: inline;
margin: 0 10px 10px 0;
}
.mod_mopart a {
display: block;
width: 215px;
padding: 10px 10px 10px 80px;
overflow: hidden;
cursor: pointer;
}
.mod_mopart img {
float: left;
_display: inline;
width: 60px;
height: 60px;
margin-left: -70px;
overflow: hidden;
cursor: pointer;
}
.mod_mopart .title, .mod_mopart .intro {
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mod_mopart .title {
display: block;
font-weight: 700;
color: #333;
cursor: pointer;
}
.mod_mopart .num {
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.mod_mopart .num span {
display: inline-block;
margin-right: 5px;
}
.mod_mopart a:hover, .mod_mopart a.active {
background: #f7f7f7;
text-decoration: none;
}
.title{
padding:0!important;
}

然后送大家css,你用代码插入到forumdisplay.htm适当的位置,css再加下。最后把<ul id="thread_types" class="ttp bm cl" style="display: none;">加个display隐藏。

2059891782-300x72.jpg

目录
相关文章
文本,学习方法,必须做,快的学习方法,统计汇总写法,比如你要构思一个数学库,需要写一个汇总,主动获取标题统计,主动生成文章跳转链接,然后将它打入文章资料当中:
文本,学习方法,必须做,快的学习方法,统计汇总写法,比如你要构思一个数学库,需要写一个汇总,主动获取标题统计,主动生成文章跳转链接,然后将它打入文章资料当中:
|
5月前
|
API 开发工具 git
大事件项目26---文章分类——铺设数据
大事件项目26---文章分类——铺设数据
织梦dedecms会员发布文章内容自动过滤外部链接的方法
织梦会员中心发布文章自动过滤外部外部链接,保留本站站内链接。这个织梦默认后台本身带有这样的功能的,只是会员模块里没有而已。
|
前端开发 Java
谷粒商城--获取分类下所有分组&关联属性
谷粒商城--获取分类下所有分组&关联属性
120 0
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(三)
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(三)
342 0
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(三)
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(二)
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(二)
435 0
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(二)
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(五)
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(五)
154 0
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(五)
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(四)
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(四)
272 0
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(四)
|
开发者
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(一)
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(一)
744 0
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )(一)