Chinaunix首页 | 论坛 | 博客
  • 博客访问: 593468
  • 博文数量: 64
  • 博客积分: 7040
  • 博客等级: 少将
  • 技术积分: 1299
  • 用 户 组: 普通用户
  • 注册时间: 2007-03-09 20:38
文章存档

2012年(1)

2011年(8)

2010年(16)

2009年(18)

2008年(21)

我的朋友

分类:

2009-08-16 09:23:21

织梦内容管理系统默认在显示子栏目是一行的。

现在要实现多行显示。

1.找到\templets\style\dedecms.css
       找到(不会找的就打开后按住ctrl+f,输入channel-nav回车)
/*---------- frame : channel-nav ---------*/
.channel-nav{
     height:31px;
     border-bottom:1px solid #E5EFD6;
}
.channel-nav ul{
     height:22px;
     padding-left:10px;
     padding-top:3px;
     overflow:hidden;
     float:left;
}
.channel-nav ul li{
     height:22px;
     float:left;
     overflow:hidden;
     margin-right:10px;
}

将这段替换为

/*---------- frame : channel-nav ---------*/
.channel-nav{
     border-bottom:1px solid #E5EFD6;
}
.channel-nav ul{
     padding-left:10px;
     padding-top:3px;
     float:left;
     padding-bottom:4px;
}
.channel-nav ul li{
     height:22px;
     float:left;
     overflow:hidden;
     margin-right:10px;
     margin-bottom:4px;
}

2.找到\templets\default目录,找到index_article.htm、index_article.htm、article_article.htm(也可以改别的模板)将里面的


    

                   {dede:channel type='son' currentstyle="
  • ~typename~
  • "}
              
  • [field:typename/]
  • {/dede:channel}
        

    
         返回首页
    


替换成

    

                   {dede:channel type='son' currentstyle="
  • ~typename~
  • "}
              
  • [field:typename/]
  • {/dede:channel}
        


3.生成一下就OK了

 

其中这里可以设置宽度

.channel-nav ul li{
     height:22px;
     float:left;
     overflow:hidden;
     margin-right:10px;width:100px;
}

具体效果可以参照

阅读(877) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~