实现产品频道页面的树状分层目录
[i=s] 本帖最后由 trashgod 于 2009-4-14 16:57 编辑 [/i]之前发过并且置顶,现在似乎看不到了,后来也做过一点点修订,还有很多人一直在问附件不齐全的问题,这次重新说明一下。
产品频道的树状分类,理论上支持无限级的,但是为了美观和直观,建议三级就好了,以免缩进层次不好看。主要是class.categorytree.php这个文件,请放在根目录的inc/目录下
####################################
css部分的属性需要有这些:
#sidenavpro {
width:210px;padding:0 0 0 4px;
}
#sidenavpro li a{/*float:left;在firefox下列表不换行,没有clear both。display:block可以设置大小*/
width:188px !important; /*hack width for browser except IE6*/
width:210px;
display:block;height:24px; line-height:24px;background: #fff center left;padding:4px 0px 0px 21px;border-bottom:1px dotted #eeeeee;
}
#sidenavpro li a:hover{
background: #F7F8F3;
}
#sidenavpro li:hover{
background: #F7F8F3;
}
#sidenavpro li:hover a{
background: #F7F8F3;
}
#sidenavpro li.selected a{
background: #F7F8F3;
}
####################################
<?php
if ($request['p']==3){//if($o->type=="product") 识别是否图片频道,左边子栏目导航的li样式不同
?>
<div id="sidenavpro">
<ul>
<?php
sub_menu('<li>||</li>','<li>||</li>');
}else{
?>
<div id="sidenav">
<ul>
<?php
sub_menu('<li>||</li>','<li class="selected">||</li>');
}
?>
</ul>
</div>
#######################################
这段话放在左边的产品列表小菜单处,整个的实现基于Li样式的不同,效果图如下: 老大,太好了,我正需要这个!!!!!!!!!!!!!!!!!!!!!!!! 谢谢版主大大。
产品页面的菜单成功地树状了。
顺道请教:如何使产品大类下面的子菜单自动展开?按版主文件和修改办法,必须要点击了产品大类后才能展开。
另外,能否请版主大大提供一下网站导航菜单增加下拉菜单的办法?你提供的COMMON.PHP文件里分别导入了./inc/js/nav-h.css和./inc/js/nav-h.js
看过以前的一帖:
[url]http://www.shenhoulong.net/viewthread.php?tid=6113&highlight=%E4%B8%8B%E6%8B%89[/url]
但是里面也没有附件啊。 楼上的,我不建议一次性全部展开所有的产品,产品多了很难看的,这也是之前做的时候没这样的原因。当然全部展开是很简单的。
网站导航菜单增加下拉菜单,这个以前置顶的,换论坛可能丢了附件吧 楼主的文件,点击不是展开,而是直接到另一个页面的时候才展开,这是怎么回事? 很好的教程,谢谢啦,正好用的上。 [size=7]好好的顶起来!非常不错的![/size] 确实不错。。。 [i=s] 本帖最后由 hoton168 于 2009-6-9 15:46 编辑 [/i]
版主的正好适用,顶!
不过试用后, 发现动态下显示正常, 但 静化后则显示不了栏目前的小图标, 不知何解, 版主能帮忙吗? OMG!我找了N久了。原来在这里啊!!:'( 我直接替换class.categorytree.php后,产品页面变成靠左了,其他页面还是居中,有什么办法可以调整。 楼主的那个导航菜单实现分级菜单,,适合所有的模板吗? 楼主的已经不能下了,谁共享一个啊 好想自己做一个漂亮的网站 修改树状导航栏字体在哪里修改?????? 这一块不是很懂 谢谢您的教导! 很好!做个记号! :lol 太好了 版主大大能出来解释一下么??
1. common.php文件起的是什么作用?我发现似乎只要把class.categorytree.php文件替换原文件后,网页即可正常显示树状分布。。。而替换common.php文件后,反而会造成网页显示的异常(我用的是IE8)。
2. css部分的修改是为了改变树状按钮的外观么?? 我引用了,没有办法实现分级.我的是多模块的.
**集团
集团简介
集团产品
集团联系方式
A分公司
A分公司简介
A分公司产品
A分公司联系方式
B分公司
B分公司简介
B分公司产品
B分公司联系方式 dingqi~~我的错位 好教程要顶 感谢楼主的分享 不错,这帖子一定要顶,功臣啊
页:
[1]
2
