免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: 教大家怎么在X1（20130316）以上版本中用CSS来区分栏目分类 [打印本页]

作者: 伟伟 时间: 2013-3-17 12:10
标题: 教大家怎么在X1（20130316）以上版本中用CSS来区分栏目分类
本帖最后由伟伟于 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>

作者: etvas 时间: 2013-10-20 22:09
强烈支持。

奇热网-奇热电影网,奇热电影,奇热网高清电视剧,奇热,奇热剧集站,
2013最新电影/电视剧/综艺/动漫/免费在线看还有电影你懂得

欢迎光临免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://ourphp.net/club/)