程序员人生 网站导航

PHPCMS 实现不规则新闻的列表排列的方法

栏目:DedeCMS时间:2014-05-04 12:39:34

网(LieHuo.Net)教程 PHPCMS 实现不规则新闻的列表排列的方法

第一步,在你的CSS文件里面写入如下CSS:
.s_title{}
.s_title_ul{height:96px; width:400px; overflow:hidden;}
.s_title_ul li{font-size:14px;margin-right:5px; display:inline; height:24px; float:left;
white-space : nowrap;}
说明:我之所以留一个空的CSS在这里。我想是因为你们有可能需要加样式代码,所以就先写了一个。哈
哈。另外,这里的s_title_ul高度你要自己根据你的需要定义。比如说你要显示5行,每行高24PX,那么
这里的高就应该是5X24=120px;宽也根据自己的需要,不讲了,再讲高手都要扔石头了。

第二步,在新建模板里面建一个标签模板(应该知道什么是标签模板吧?就是tag_开头的就行了)

写入代码如下:
<div class="s_title">
<ul class="s_title_ul">
<!--中间循环部份代码-->
{loop $data $n $r}
<li><a href="{$r[url]}" target="{$target}">{str_cut($r[title], $titlelen,'')}</a></li>
{/loop}
<!--尾部代码-->
</ul>
</div>
代码就不用再说明了,太婆妈了会被人笑话的。另外,比如说你想加栏目名称那些都可以根据现有的代码
上修改就可以了.

第三步,新建标签(内容标签)

其他的按你的需要写就行了,模板那里选你刚刚新建的模板.这里的标题长度你要适宜,自己多试几次就会找出好看的感觉了,这里新建内容标签与其他的类似,只不过要考虑一点的是这里的输出条数你自己心里要有一个底。要看你 前台有多少行,每一行你要预算一下有可能有多少个标题存在。综合起来之后的总数,尽量输出比这个总

数大一点的就行了。没关系。。因为CSS里面已经做了处理,你多输出几条都不会影响效果,如果你不明白,那就用最懒的方法。比如说你前台要显示5行的情况下,你可以直接写15条,20条。30
条。

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐