极速论坛's Archiver

blueapple 发表于 2008-11-8 01:49

[修改模板] 子分类分四列显示

PA2。3版
一个根分类下如果有很多子分类,子分类的显示默认显示方式比较拥挤
如果想分成四列莱清晰显示,只要修改一下sorthome模板
过程如下:

第一步,后台--模板管理--编辑模板---sorthome模板
寻找下面语句
{T_CHTML_BLOCK subsortlist
<!-- BEGIN subsortlist -->
<div class=subsort>
        <div class='nav'>
                <div id='nav-sort-left'>
                <span><b>当前子分类</b></span></div>
                <div id='nav-sort-right'>
<?=
<!-- BEGIN subsortlistbit_level1 -->
<a href='\$sorthtmllink'  class='grey'>\$sort[title]</a>
<!-- END subsortlistbit_level1 -->
?>

第二步,用下面语句替换上面语句
<STYLE type=text/css>
#Middle_1_2_8 {
        float: left;
        width: 568px;
}
#Middle_1_2_8view1 {
        float: left;
        height: 20px;
        [color=Red]width: 135px[/color];
        margin-left: 4px;
        overflow: hidden;
        line-height: 20px;
        text-align: left;
}
</STYLE>
{T_CHTML_BLOCK subsortlist
<!-- BEGIN subsortlist -->
<div class=subsort>
        <div class='nav'>
                <div id='nav-sort-left'>
                <span><b>当前子分类</b></span></div>
                <div id='nav-sort-right'>


<?=
<!-- BEGIN subsortlistbit_level1 -->
[color=Red]<div id=Middle_1_2_8view1[/color]><a href='\$sorthtmllink'  class='grey'>\$sort[title]</a></div>
<!-- END subsortlistbit_level1 -->
?>

第三步,提交编辑,刷新模板缓冲,ok

注:如果想修改成3列,5列,上面的代码中,可以通过修改上面语句中标红的的width值来实现

如果是想3列修改 width: 180px
如果是想5列修改 width: 108px

blueapple 发表于 2008-11-8 01:49

演示地址
[url]http://cangshubao.free.fr/pa/index.php?mod=sort&sortid=10&pagenum=[/url]

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.