开发学院 CMS教程 phpcms phpcms2008标题列表十行分隔效果阅读

phpcms2008标题列表十行分隔效果

　2009-10-17 05:22:00　来源：WEB开发网　　　

核心提示：现在用phpcms2008默认模板改造一下：首先：找到：后台-->模板风格-->模板管理-->[标签]内容列表tag_content_list.html点击后面修改复制以下代码替换原有代码： <div class="mar_10"><ul class="

现在用phpcms2008默认模板改造一下：
首先：找到：后台-->模板风格-->模板管理-->[标签]内容列表tag_content_list.html　点击后面修改
复制以下代码替换原有代码：

<div class="mar_10">
<ul class="text_list text_list_f14">
{loop $data $n $r}

</ul>
<div class="split"></div>
<ul class="text_list text_list_f14">

<li><span class="date">{date('Y-m-d', $r[inputtime])}</span>
{if $showcatname}<a href="{$CATEGORY[$r[catid]][url]}" class="catname">[{$CATEGORY[$r[catid]][catname]}]</a>{/if} <a href="{$r[url]}" target="{$target}" class="{$class}">{str_cut($r[title], $titlelen)}</a>
</li>
{/loop}
</ul>
</div>
{if $pages}<p id="pages">{$pages}</p>{/if}

以上，是在原来代码里，新增红色部分　，同时，还新增了一个css样式：

.split {
PADDING-BOTTOM: 10px;MARGIN-BOTTOM: 10px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #CCC;
}

请把以上样式加到/templates/default/skins/default/里的，phpcms.css　或base.css任意一个里。
如果你新做模板，请加到你相应的样式表里。

以下为效果图：