WEB开发网
开发学院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}
<!--{if $n%10==1 && $n!=1}-->
</ul>
<div class="split"></div>
<ul class="text_list text_list_f14">
<!--{/if}-->

<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任意一个里。
如果你新做模板,请加到你相应的样式表里。

以下为效果图:

1238301593.png

Tags:phpcms 标题 列表

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接