三

29

6月

2011

网站导航栏（jimdo invagation）层次分离 二级菜单分离最新方法

资讯知识 · 网页浏览 · 网站代码 · jimdo · 分页20

jimdo invagation 网站导航栏层次分离 二级菜单分离最新方法

很久没有用jimdo了，但我是它学习了很多网络方面的知识。回想当初自定义模板时候一个重要的困惑就是jimdo导航栏的分层剥离。前段时间看到很多研究jimdo的网友通过查找到jimdo原系统定义的层的id 或class 进而采用CSS来完成修饰，于是回头一想，导航栏的分离其实简单的不得了。

假设html代码为：

 

首层

 

<div class=“menu”>
<var>navigation[1|2|3]</var>
</div>

第二层，第三层

<div id="nav">
<var>navigation[1|2|3]</var>
</div>

相应CSS代码为：

.menu ul#mainNav2 {display:none;}
#nav #mainNav1 li a.level_1 {display:none; font-size:0px;}

这是未加修饰的，会玩CSS可以试一下。

同理也还可以有其他的分离方式。

实例可以访问我的jimdo网站 http://lotus.jimdo.com

 

本文转自 拓拓  原文链接http://blog.orlotus.com/2011/03/jimdo-nav.html

相关文章：

一款简洁的下拉导航菜单代码

非常棒的绿色下拉导航菜单

jimdo代码：诸葛草帽电脑工作室（四）导航栏的修饰

div+css+js打造可用于Jimdo的二级动态下拉导航菜单栏代码

jimdo网站优化-验证你的网页是否符合W3C标准

撰写评论

评论: 0

  • loading