在phpcms 默认模板中,category.html是频道封面模板,但它的栏目是一行调用2个,有的同学想改成一行调用3个或中国足彩网,但又想继续用默认的循环代码。今天我就给大家小献一下(当然,此方法仅适合小白同学,高手自有自己的方法了)。
首先找到默认模板中的循环代码:
{php $j=1;}
{loop subcat($catid) $v}
{php if($v['type']!=0) continue;}
<div class="box cat-area" {if $j%2==1}style="margin-right:10px"{/if}>
......
{if $j%2==0}<div class="bk10"></div>{/if}
{$j++}
{/loop}
现在假如我要改成一行3个,那么新的代码就是:
{php $j=1;}
{loop subcat($catid) $v}
{php if($v['type']!=0) continue;}
<div class="box cat-area" {if $j%3==1}style="margin-right:10px"{/if}{if $j%3==2}style="margin-right:10px"{/if}>
......
{if $j%3==0}<div class="bk10"></div>{/if}
{$j++}
{/loop}
下面做出解释:
第4行代码:“$j%3==1”代表每行3个box(每个栏目的边框css样式)的第一个,“$j%3==2”就是3个box中间的一个,这两个box都使用了style样式 margin-right:10px的样式,即右外边距10px;
第6行代码:这个是每行与每行的边距代码;
修改default_blue.css样式表里的box、cat-area,修改边框的宽度及颜色等自定义样式。
示例页面
中国足彩网信息请查看IT技术专栏