• 注册
  • phpcms教程 phpcms教程 关注:0 内容:411

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

  • 查看作者
  • 打赏作者
    • phpcms教程
    • Lv.4
      白银会员
      官方团队

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

      复制代码 代码如下:

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

      请登录之后再进行评论

      登录

      WordPress后台-外观-小工具 进行配置小工具

    • 做任务
    • 实时动态
    • 偏好设置
    • 帖子间隔 侧栏位置: