搬码资源网广告位 搬码资源网广告位

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

搬码源码网 abnma.com 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
条。

声明:
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站资源来自网络收集,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,得到更好的正版服务。
本文链接:https://www.abnma.com/10388.html,转载请注明出处。
如有侵权,请邮件联系我们删除处理。

0
搬码资源网广告位

评论0

请先

没有账号? 注册  忘记密码?