[loop=50] <LI class="menu_line"></LI><li><a href="{$Field(id,GetInfoUrl,100,1)}" id="mynav{$AutoID}" class="nav_off"><span>{$Field(foldername,Text,0,...,0,)}</span></a></li> [/loop]

<LI><a href="/plus/tags.asp?n={$Field(KeyText,Text,0,...,0,)}" target="_blank" title="{$Field(KeyText,Text,0,...,0,)};被使用了{$Field(hits,Num,0,2)}次"><span>{$Field(KeyText,Text,0,...,0,)}</span></A></LI><LI class=menu_line2></LI>

<div id=menu_out>

<div id=menu_in>

<div id=menu>

<UL id=nav>

<LI><A class=nav_on id=mynav0 onmouseover=javascript:qiehuan(0) href="/"><SPAN>首 页</SPAN></A></LI>

{SQL_导航栏目()}

</UL>

<div id=menu_con><div id=qh_con0 style="DISPLAY: block">

<UL>

<LI><span>热门关键词</span></LI><LI class=menu_line2></LI>

{SQL_热门关键词()}

</ul></div>

{SQL_导航外循环()}

</div></div></div></div>

第三步：将下面的CSS代码复制粘贴到网站根目录images文件夹中的style.css文件中，点击保存。

/*主导航菜单*/

#menu ul{

padding:0;

border:0;

list-style:none;

line-height:150%;

margin-top: 0;

margin-right: 0;

margin-bottom: 0;

margin-left: 0px;

}

#menu_out{

width:990px;

padding-left:4px;

margin-left:auto;

margin-right:auto;

background:url(../images/menu_left.gif) no-repeat left top;

}

#menu_in{

background:url(../images/menu_right.gif) no-repeat right top;

padding-right:4px;

}

#menu{

background:url(../images/menu_bg.gif) repeat-x;

height:70px;

}

.menu_line{

background:url(../images/menu_line.gif) no-repeat center top;

width:8px;

}

.menu_line2{

background:url(../images/menu_line2.gif) no-repeat center top;

width:15px;

}

#nav{

padding-left:20px;

}

#nav li{

float:left;

height:35px;

}

#nav li a{

float:left;

display:block;

padding-left:6px;

height:35px;

background:url(../images/menu_on_left.gif) no-repeat left top;

cursor:pointer;

text-decoration:none;

}

#nav li a span{

float:left;

padding:11px 14px 10px 10px;

line-height:14px;

background:url(../images/menu_on_right.gif) no-repeat right top;

font-size:14px;

font-weight:bold;

color:#FFFFFF;

text-decoration:none;

}

#nav li .nav_on{   /*鼠标经过时变换背景，方便JS获取样式*/

background-position:left 100%;

}

#nav li .nav_on span{  /*鼠标经过时变换背景，方便JS获取样式*/

background-position:right 100%;

color:#333333;

text-decoration:none;

padding:14px 14px 7px 10px;

}

/*子栏目*/

#menu_con{

text-align:left;

padding-left:20px;

clear:both;

}

#menu_con li{

float:left;

height:22px;

margin-top:8px;

}

#menu_con li a{

display:block;

float:left;

background:url(../images/menu_on_left2.gif) no-repeat left top;

cursor:pointer;

padding-left:3px;

}

#menu_con li a span{

float:left;

padding:6px 10px 4px 10px;

line-height:12px;

background:url(../images/menu_on_right2.gif) no-repeat right top;

}

#menu_con li a:hover{

text-decoration:none;

background:url(../images/menu_on_left2.gif) no-repeat left bottom;

}

#menu_con li a:hover span{

background:url(../images/menu_on_right2.gif) no-repeat right bottom;

}

第四步：下载导航条所需要的图片

把下载后的文件进行解压缩，将所有图片放到目录images文件夹里面。

下载信息  [文件大小：10.56 KB 下载次数： 次]

点击下载文件:images.rar

第五步：在模板文件中进行调用：后台，点击页面底部的“模板管理”，在你想显示导航栏的地方加上调用{LB_新建全站导航}（也就是第二步新建的自定义静态标签的名称），比如选择文章系统的“频道首页”模板，点击进行修改，在“<!--新闻头部-->{LB_头部通用}”下面一行加上{LB_新建全站导航}。点击确定修改。然后更新缓存。

第六步：打开新闻频道的首页，就可以看到效果了。如果是放在整个网站首页的，切记要先发布首页才可以看到效果。

好了，再次感谢原作者。