K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

实用代码之2

1Next >

updatex 发表于:10-09-01 18:51 [添加收藏] 楼主 [回复] #Top#
updatex 人气:1518 积分:1551 金币:32240
VIP KC元老 灌水狂人
大家好,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,就是玩出自己的花样。
亦也 发表于: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#
huaibo 人气:2 积分:22 金币:89
想知道 怎样获得当前栏目id
fox1383164k 发表于:10-12-12 14:13 5楼 [回复] #Top#
fox1383164k 人气:377 积分:864 金币:3006
KC元老 灌水狂人
目的:

实现如下效果

<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#
keeyao 人气:32 积分:185 金币:364
最佳新人
我通过在页面中加入代码{king:block name='left_menu_article' /}调用的碎片,但不知道怎么,没有成功,,,有点遗憾,,,呵呵,,LZ可以告诉下你是怎么调用的吗?
youjoy 发表于:11-02-16 15:39 7楼 [回复] #Top#
youjoy 人气:234 积分:736 金币:5396
VIP
看看这个效果:http://www.cnadhd.com/anli/index.html
lanrennet 发表于:11-02-18 18:24 8楼 [回复] #Top#
lanrennet 人气:113 积分:949 金币:5089
KC元老
楼主 的代码看的我头晕, 5楼 的方法 应该就可以的。 

用 list 标签 配合{king:this/}就可以了
333666a 发表于:11-02-18 23:42 9楼 [回复] #Top#
333666a 人气:7 积分:162 金币:124
怎么实现啊

1Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号