1Next >
updatex | 发表于:10-09-01 18:51 [添加收藏] 楼主 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
大家好,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最近还发表过
[分享]
2025报到
(25-03-01)
[分享]
我想再用Kingcms6.0做几个网站玩玩
(24-09-22)
[分享]
最近做了一个用户登录短信验证(阿里云的)
(24-09-18)
[分享]
2024你好kingcms
(24-05-17)
[使用]
kingcms+chatgpt 输入标题自动生成文章内容 如何?
(23-11-24)
随机阅读
[其他]
冷冷清清的KC!
(16-05-31)
[使用]
新做的网站,做完了才搞清楚标签这些
(13-08-06)
[疑问]
请问点击数为何永远是1,不会增加?
(12-04-20)
[其他]
国家超级计算深圳中心正式启用 市民云生活由此开户
(11-11-17)
[其他]
讨论一下老大开发PHP用什么IDE?
(11-09-26)
|
亦也 | 发表于:10-09-01 21:06 沙发 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() |
如果想高亮菜单模式,不用这么复杂吧!使用MENU或LIST也行吧
|
速水 | 发表于:10-09-01 22:21 板凳 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() |
不行的
|
huaibo | 发表于:10-10-30 11:41 4楼 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() |
想知道 怎样获得当前栏目id
|
fox1383164k | 发表于:10-12-12 14:13 5楼 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() |
目的:
实现如下效果 <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# |
---|---|
![]() ![]() ![]() ![]() |
我通过在页面中加入代码{king:block name='left_menu_article' /}调用的碎片,但不知道怎么,没有成功,,,有点遗憾,,,呵呵,,LZ可以告诉下你是怎么调用的吗?
|
youjoy | 发表于:11-02-16 15:39 7楼 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() |
看看这个效果:http://www.cnadhd.com/anli/index.html
|
lanrennet | 发表于:11-02-18 18:24 8楼 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() |
楼主 的代码看的我头晕, 5楼 的方法 应该就可以的。
用 list 标签 配合{king:this/}就可以了 |
333666a | 发表于:11-02-18 23:42 9楼 [回复] #Top# |
---|---|
![]() ![]() ![]() ![]() |
怎么实现啊
|
1Next >