zblog二级导航怎么写

1.在dede里面怎样做二级导航 我写的代码如下1
2
3
4
5
6
7
8
9
10
11
12
13
<ulclass="nav navbar-nav navbar-right">
<li><ahref="http://www.xuexi88.com/"target="_blank">;我的首页</a></li>
{dede:channelartlist type='top'}
<liclass="dropdown">
<ahref="http://www.xuexi88.com/zhishi/{dede:field name='typeurl'/}"target="_blank">{dede:field name='typename'/}<spanclass="caret"></span></a>
<ulclass="dropdown-content">
{dede:channel type='son' noself='yes'}
<li><ahref="http://www.xuexi88.com/zhishi/[field:typeurl/]"target="_blank">[field:typename/]</a></li>
{/dede:channel}
</ul>
</li>
{/dede:channelartlist}
</ul>
这样写可以调用出来,但也有个问题,当无子栏目时,也会有箭头图标,所以还涉及到是否含有子栏目的判断问题 。
对bootstrap不熟,忘记了是不是这个dropdown导致触发菜单,如果是它,就这么写:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<ulclass="nav navbar-nav navbar-right">
<li><ahref="http://www.xuexi88.com/"target="_blank">;我的首页</a></li>
{dede:channelartlist type='top'}
<li{dede:field name=typeidrunphp="yes"}
global $dsql;
$sql = "SELECT id From `dede_arctype` WHERE reid='@me'And ishidden<>1 order by sortrank asc limit 0, 100 ";
$row = $dsql->GetOne($sql);
@me=is_array($row)?'class=dropdown':'';
{/dede:field}>
<ahref="http://www.xuexi88.com/zhishi/{dede:field name='typeurl'/}"target="_blank">{dede:field name='typename'/}<spanclass="caret"></span></a>
<ulclass="dropdown-content">
{dede:channel type='son' noself='yes'}
【zblog二级导航怎么写】<li><ahref="http://www.xuexi88.com/zhishi/[field:typeurl/]"target="_blank">[field:typename/]</a></li>
{/dede:channel}
</ul>
</li>
{/dede:channelartlist}
</ul>
加了段代码,如果有子栏目就class=dropdown,如果没有就空 。
祝你成功 。
2.制作一个二级导航(菜单)的操作步骤把如下代码加入<body>区域中 <style type=text/css>BODY { FONT-SIZE: 11px; OVERFLOW: hidden; FONT-FAMILY: tahoma,arial}TABLE { FONT-SIZE: 11px; OVERFLOW: hidden; FONT-FAMILY: tahoma,arial}BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; img: 0px}A { COLOR: #000000; TEXT-DECORATION: none}.desk { BACKGROUND: #000000; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 20px}.menu { PADDING-RIGHT: 8px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 8px; Z-INDEX: 8; VISIBILITY: hidden; PADDING-BOTTOM: 8px; WIDTH: 160px; LINE-HEIGHT: 15px; PADDING-TOP: 8px; POSITION: absolute}.desk SPAN { HEIGHT: 17px}.desk { COLOR: #ffffff; LETTER-SPACING: 1px}.menu { COLOR: #ffffff; LETTER-SPACING: 1px}.desk A { COLOR: #ffffff}.menu A { COLOR: #ffffff}.desk A:hover { COLOR: #ffcc00}.menu A:hover { COLOR: #ffcc00}#div1 { Z-INDEX: 2; LEFT: 0px; WIDTH: 295px; POSITION: absolute; TOP: 0px; HEIGHT: 60px}</style>Windows XPWindows 2000Windows MEWindows 98 SEWindows 98Windows 95Windows CE 3.0eMbedded Windows NTxxxx这个效果是我做的啦~一定要支持我哦一定要来我的网站捧场哦一定要来我的论坛哦[email protected]#[email protected]#[email protected]#︱ Windows家族产品 ︱ LookLook ︱ OH YES^_^ ︱ LookAgain ︱ 我的信箱 。
3.Dreamweaver怎样设置导航条以及二级导航导航条制作方法:
移动光标到需要导航条的地方,单击主菜单栏的“Insert\Navigation Bar”子命令,或直接单击Objects面板上的图标,弹出“Insert Navigation Bar”对话框(图1),此时我们可以进行各种设置来实现上述功能: