杨云伟个人网站 >> 在线充电 >> dede 5.3 修改官方模板css,以解决“子栏目过多”时候不被隐藏

dede 5.3 修改官方模板css,以解决“子栏目过多”时候不被隐藏

杨云伟个人网站 2009-8-4 15:34:03

修改css文件 templets/style/dedecms.css

查找：

/*---------- 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;
    width: 120px; /*这个自己控制，子栏目名称大小*/
    margin-right:10px;
    margin-bottom:4px;
}

上面的方法，不需要动模板文件。但是模板中【返回首页】的被挤到下面去。如果为了更加美观，可以相应的去掉

index_article.htm、list_article.htm、article_article.htm

<span class="back">
<a href="{dede:global.cfg_cmsurl/}/">返回首页</a>
</span>
本文来源于岁月留声QtAsp http://www.qtasp.cn/ , 原文地址：http://www.qtasp.cn/technote/dede-cms-show-lots-class/

责任编辑: Weiven 参与评论