|
本帖最后由 伟伟 于 2013-3-17 12:13 编辑
在X1(20130316)以上版本中,我们增加了一个可以区分栏目一级分类和二级分类的功能。
这样可以区分大类和小类的样式。该功能可以用在 单页模块分类,新闻栏目分类,产品栏目分类,图文栏目分类中。
我们用新闻栏目为例:
原来的新闻栏目调用标签为:
<Newsclass:{Language=ch Quanbu=0 Row=15 Lanmu=1 Leixing=2}>
<li><a href="{Newsclass:url}" title="{News:name}">{News:name}</a></li>
<Newsclass>
那么我只需要在 这个标签中设定一个CSS样式,来区分大类于小类的不同。
把标签改成如下:
<Newsclass:{Language=ch Quanbu=0 Row=15 Lanmu=1 Css=fenlei Leixing=2}>
<li><a href="{Newsclass:url}" title="{News:name}">{News:name}</a></li>
<Newsclass>
注意红色部分, 也就是说多出来一个Css=fenlei 定义。 那Css=的这个 fenlei 就相当于 CSS里的
.fenlei {}
当然,这个你也可以设置成Css=ok
那么你就要在CSS里 定义一个 .ok{} 的样式 来区分 大类于小类的不同了。
那么这里定义完了。下面被循环的标签也要修改一下。要在<li>里添加一个 {Css}标签。如下:
<Newsclass:{Language=ch Quanbu=0 Row=15 Lanmu=1 Css=fenlei Leixing=2}>
<li {Css}><a href="{Newsclass:url}" title="{News:name}">{News:name}</a></li>
<Newsclass>
那它在页面中实际显示出来的样试就是这样:
<li class="fenlei"><a href=""></a><li>
以上只是一个参考,这个要根据你设计的模板而定。也可以是如下这样:
<Newsclass:{Language=ch Quanbu=0 Row=15 Lanmu=1 Css=fenlei Leixing=2}>
<div {Css}><a href="{Newsclass:url}" title="{News:name}">{News:name}</a></div>
<Newsclass>
|
|