百家汇 汇聚育儿之家 理财财经之家 图片之家 美容之家 小说之家 电脑之家 文学之家 站长之家 美食之家等为一体的知识网

让栏目列表在网页右侧分2列显示
一、打开list_article.htm  默认文章列表模板 
在下面代码
<DIV class=pright>的后面加上下面红色部分代码：

 <div class="pright">
            <!--侧边信息列表开始-->           
            <div class="classbox">
            <dl class="tbox">         
            <dt><strong>栏目列表</strong></dt>
            <dd>
            <ul>
            {dede:channel type='son' currentstyle="<li><a href='~typelink~'>~typename~</a> </li>"}
            <li><a href='[field:typeurl/]'>[field:typename/]</a></li>{/dede:channel}
            </ul></dd></dl></div>
            <!--侧边信息列表结束-->
  <div class="commend">
   <dl class="tbox">
    <dt><strong>推荐内容</strong></dt>
    <dd>
     <ul class="d4">

二、修改/templets/style/page.css

在CSS文件里面最后加下面代码：

.classbox{
    width:222px;
    clear:both;
    padding-bottom:5px;
    background:url(../images/rcbox_title.gif) center bottom no-repeat;
   
}
.classbox dl{
    width:222px;
}
.classbox dl dt{
    height:31px;
    background:url(../images/rcbox_title.gif) center top no-repeat;
    line-height:29px;
    text-indent:10px;
    color:#555;
    letter-spacing:1px;
    font-weight:bold;
}
.classbox dl dd{
    width:220px;
    border-left:1px solid #DDD;
    border-right:1px solid #DDD;
    background:#FAFAFA;
   
}
.classbox dl dd ul{
    list-style:none;
    overflow:hidden;
    width:220px;
}
.classbox dl dd ul li{
    float:left;
    width:102px;
    margin-left:5px;
    margin-bottom:5px;
    height:27px;
    line-height:25px;
    text-indent:10px;
    display:inline;
    font-size:14px;
}
.classbox dl dd ul li a{
    display:block;
    width:100px;
    height:25px;
    border:1px solid #DDD;
    text-decoration:none;
    color:#0066CC;
    background:#FFF;
}
.classbox dl dd ul li a:hover{
    background:#FAFAFA;
    border:1px solid #CCC;
    color:#000;
}
.classbox dl dd ul li.this a{
    background:#FFC;
    color:#FF6600;
    font-size:12px;
    font-weight:bold;
}

保存更新ok