1Next >
updatex | 发表于:10-09-01 18:51 [添加收藏] 楼主 [回复] #Top# |
---|---|
人气:1518
积分:1551
金币:32240
|
大家好,KingCMS中,一直没有当前文章,当前栏目这样的属性。
这个属性很重要,做什么用呢? 比如,生成一个栏目菜单,点击栏目菜单进入后,必然希望菜单栏这个栏目的菜单项改变一下样式,以便和其他菜单项目区分开。 没有这个功能,我们可以自己开创,过程很简单。 我以网站的左边导航菜单为例: 第一步:生成一个碎片,碎片名称:left_menu_article <ul> <div id="LeftMenu"> {king:portal.article type="new" modelid="6" listid='(king:listid/)'} <li id='left_menu_{king:kid/}'> <div><a href="{king:path/}">{king:title/}</a></div> </li> {/king:portal.article} </ul> {king:block name='js_left_menu_article' /} </div> 复制代码第二步:再生成一个碎片,碎片名称:js_left_menu_article <script language="javascript"> active_left_menu = "left_menu_{king:listid/}"; activeID = document.getElementById(active_left_menu); if(activeID)activeID.className="Active"; </script> 复制代码第三步:在自己的CSS文件内加入对应的CSS代码 /* 左侧导航菜单 */ #LeftMenu { width:230px; margin:0px auto; } #LeftMenu ul { list-style-type:none; margin:0px; padding:0px; } #LeftMenu ul li { border-bottom:solid 1px #A9A9A9; padding:2px 0px; } /* 菜单项目 */ #LeftMenu ul li div { padding:6px 18px; } #LeftMenu ul li div a:link, #LeftMenu ul li div a:visited { color:#343434; text-decoration:none; } #LeftMenu ul li div a:hover { color:#9D222B; } /* 激活的菜单项目 */ #LeftMenu ul li.Active div { background:url("../images/leftmenu_act_bg.gif") #ccc; color:White; } #LeftMenu ul li.Active div a:link, #LeftMenu ul li.Active div a:visited { color:White; } 复制代码具体的效果,请参考: http://www.bizark.net/about/intro.html 思考题: 上面只针对栏目菜单,对于文章列表也可以实现同样的效果,我的网站是实现了的,大家自己看看,如何改变上述的代码,从而实现文章列表的当前列表效果。 玩KingCMS,就是玩出自己的花样。
Ta最近还发表过
[分享]
2024你好kingcms
(24-03-30)
[分享]
最近做了一个用户登录短信验证(阿里云的)
(23-12-20)
[使用]
kingcms+chatgpt 输入标题自动生成文章内容 如何?
(23-11-24)
[分享]
调用下级栏目 4年了,一直在用这个系统
(23-11-17)
[疑问]
如何在发布页面增加图片上传功能呢?
(23-04-17)
随机阅读
[其他]
话说又快要到8月8日
(12-08-09)
[其他]
准备做一个中英文的企业模型。
(12-04-10)
[使用]
地方门户系统问题求解决!
(11-11-16)
[疑问]
新手求教。。。
(11-10-14)
[其他]
Kingcms1.0测试首页预览
(11-06-25)
|
亦也 | 发表于:10-09-01 21:06 沙发 [回复] #Top# |
---|---|
人气:191
积分:491
金币:1305
|
如果想高亮菜单模式,不用这么复杂吧!使用MENU或LIST也行吧
|
速水 | 发表于:10-09-01 22:21 板凳 [回复] #Top# |
---|---|
人气:0
积分:81
金币:30
|
不行的
|
huaibo | 发表于:10-10-30 11:41 4楼 [回复] #Top# |
---|---|
人气:2
积分:22
金币:89
|
想知道 怎样获得当前栏目id
|
fox1383164k | 发表于:10-12-12 14:13 5楼 [回复] #Top# |
---|---|
人气:377
积分:864
金币:3006
|
目的:
实现如下效果 <li class="selected"><a href="index.html">首页</a></li> <li><a href="about.html">关于我们</a></li> <li><a href="about.html">关于我们2</a></li> <li><a href="about.html">关于我们3</a></li> <li class="selected">这个应用在当前页,比如当前在首页代码为 <li class="selected"><a href="index.html">首页</a></li> <li><a href="about.html">关于我们</a></li> <li><a href="about.html">关于我们2</a></li> <li><a href="about.html">关于我们3</a></li> 当前在关于我们2 <li><a href="index.html">首页</a></li> <li><a href="about.html">关于我们</a></li> <li class="selected"><a href="about.html">关于我们2</a></li> <li><a href="about.html">关于我们3</a></li> 我现在调用的标签是 {king:portal.list listid1='0'} <li><a href="{king:listpath/}">{king:listname/}</a></li> {/king:portal.list} 操作方法: {king:portal.list listid1='0'}<?php if ('{king:this/}') {echo "<li class="selected">";} else {echo "<li>";}?>{king:listname/}</li>{/king:portal.list} |
keeyao | 发表于:11-02-16 14:51 6楼 [回复] #Top# |
---|---|
人气:32
积分:185
金币:364
|
我通过在页面中加入代码{king:block name='left_menu_article' /}调用的碎片,但不知道怎么,没有成功,,,有点遗憾,,,呵呵,,LZ可以告诉下你是怎么调用的吗?
|
youjoy | 发表于:11-02-16 15:39 7楼 [回复] #Top# |
---|---|
人气:234
积分:736
金币:5396
|
看看这个效果:http://www.cnadhd.com/anli/index.html
|
lanrennet | 发表于:11-02-18 18:24 8楼 [回复] #Top# |
---|---|
人气:113
积分:949
金币:5089
|
楼主 的代码看的我头晕, 5楼 的方法 应该就可以的。
用 list 标签 配合{king:this/}就可以了 |
333666a | 发表于:11-02-18 23:42 9楼 [回复] #Top# |
---|---|
人气:7
积分:162
金币:124
|
怎么实现啊
|
1Next >