免费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_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (http://ourphp.net/club/) Powered by Discuz! X3.2