你现在的位置:首页 > PHP网站建设知识库 > phpcms > 正文

系统讲解phpcms如何自定义标签 打造多列图片或多列表页

第一步:在后台模板风格那里。新建一个模板。(注,是标签模板。什么是标签模板?通俗一点。就是模板的文件名[不是模板名]是以tag_开头的就OK了。。)

在模板里面写入如下代码:
{loop $data $n $r}
<li><i><a target="{$target}" href="{$r[.url.]}"><img width="{$width}" height="{$height}" src="{thumb($r[thumb], $width, $height)}" alt="{$r[title]}" /></a>
<a hre f ="{$r[.url.]} " target="{$target}">{str_cut($r[title], $titlelen,'')}</a></i></li>
{/loop}


第二步。新建标签(是内容标签):
在这里有一项,这里选中刚才我们新建的模板。
当然。上面的选项最好是:
缩略图 :勾选
然后推荐位那里,选中什么样的推荐即可保存了,当然最重要的是你要取一个易懂的名字。比如我们取名为"二行五列图片"

第三步。来定义CSS
.ulPic li {float:left;text-align:center;line-height:24px}
.ulPic li img {display:block;margin:auto;}
.ulPic1 li {width:197px;height:149px;padding:5px 0;}
.ulPic1 li i {display:block;margin:auto;width:180px;height:144px;overflow:hidden;padding:1px;background:#f5f5f5;border:1px solid #d1d1d1;}
.ulPic1 li i img {width:180px;height:120px;}


我喜欢这样子定义。为什么,因为方便其他地方调用。。。等下看我的调用方式


第四部:放入代码:

在相应的部分放入代码。如。

........略
<ul class="ulPic ulPic1">
{tag_二行五列图片}
</ul>
.....略

好了,,完成了。