夏日博客

A-A+

phpcms v9文章列表自定义样式的方法

2015年05月05日 PHP开源系统 暂无评论 阅读 22 views 次

在搞一个建材站点的时候，发现其排版布局不同于新闻站点，新闻站点的新闻列表布局就是一大列的标题列表，而建材则是不同的图片并茂的布局，看起来更美观一些，当然我们应该多使用不同的布局样式，当然，在phpcms v9中，可以使用多个 PC 标签来完成各种各样的文章布局，但如果我们能少用标签则是最好的，下面是夏日博客从网上找寻的一个不错的布局样式，具体的这里就不多介绍了，有感兴趣的可以在模板页面添加运行，实例代码如下:

  1. <div class="hifi_PubArea">  
  2.      <div class="MainTitle">  
  3.        <div class="classTitle">  
  4.          <div><a href="{APP_PATH}cydiy/">创意DIY&nbsp;</a></div>  
  5.        </div>  
  6.        <div class="fr Blue_List_A"><a href="{APP_PATH}cydiy/" class="block_more"></a></div>  
  7.      </div>  
  8.      {pc:content action="lists" catid="40" order="id DESC" num="5" return="data"}  
  9.      <ul class="video_MainList">  
  10.        {php $num=0}  
  11.        {loop $data $r}  
  12.        {php $num++}  
  13.        {if $num==1}  
  14.        <li class="classMain">  
  15.        <a href="{$r[url]}"><img src="{$r[thumb]}" /></a>  
  16.        <h3><a href="{$r[url]}">{$r[title]}</a></h3>  
  17.        <p class="videoDpt">{$r[description]}</p>  
  18.        <p>栏目：<span>{$CATEGORYS[$r[catid]][catname]}</span></p>  
  19.        {php $keywords = explode(' ',$r['keywords']);}  
  20.        <p>书签：<span>{loop $keywords $keyword}<a href="{APP_PATH}{$r['catid']}-{urlencode($keyword)}.html" class="keywords">{$keyword}</a>{/loop}</span></p>  
  21.        <p>发布时间：<span>({date('Y-m-d',$r[inputtime])})</span></p>  
  22.        <div class="videoPart3">  
  23.          {pc:content action="lists" catid="40" order="id DESC" num="4" start="5" return="data"}  
  24.          <ul>  
  25.            {loop $data $v}  
  26.            <li><h4><a href="{$v[url]}">{str_cut($v[title],54,'...')}</a></h4></li>  
  27.            {/loop}  
  28.          </ul>  
  29.          {/pc}  
  30.        </div>  
  31.        <div class="clear"></div>  
  32.        </li>  
  33.        {/if}  
  34.        {if $num>=2}  
  35.        {php $num++}  
  36.        <li class="videoPart2">  
  37.        <a href="{$r[url]}"><img src="{$r[thumb]}" /></a>  
  38.        <h4><a href="{$r[url]}">{$r[title]}</a></h4>  
  39.        <p>栏目：<span>{$CATEGORYS[$r[catid]][catname]}</span></p>  
  40.        {php $keywords = explode(' ',$r['keywords']);}  
  41.        <p>书签：<span>{loop $keywords $keyword}<a href="{APP_PATH}{$r['catid']}-{urlencode($keyword)}.html" class="keywords">{$keyword}</a>{/loop}</span></p>  
  42.        </li>  
  43.        {/loop}  
  44.        {/if}  
  45.      </ul>  
  46.      {/pc}  
  47.    </div>  

这个就是成型的模板样式了，感觉很赞的说，可以自定义到适合的栏目，这里就不给效果图了，这种 phpcms v9 布局样式有许多，可以找寻一些，在使用的时候可以有各种各样的布局，页面也就更好看了。

标签：

给我留言