phpcms频道模板栏目循环调用优化方法分享

乐清SEO_开发应用_PHPCMS_ 乐清SEO2021-01-19 转载自:

首先找到默认模板中的循环代码: 

复制代码

代码如下:


{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,修改边框的宽度及颜色等自定义样式。