dedecms5.7完全系统生成，纯CSS侧边导航，指一级显示二级，指二

dedecms5.7完全系统生成，纯CSS侧边导航，指一级显示二级，指二级显示三级，多级栏目嵌套循环输出。

第一个：修改文件

这个导航全由系统自己生成，当然，需要修改channel.lib.php文件。

下载文件：http://gzyld.org.cn/_note/gyzz/cbrj/0224Y232013.html

这个文件放到 include/taglib/channel.lib.php  替换原有文件。


第二个：CSS去写法，通过修改这个，你可以把导航放到任何地方。

.fly {z-index:999; position:fixed; left:0; width:25%; top:10% ;}
/* common styling */
.menu {font-family: arial, sans-serif; width:76px;height:150px; position:relative; margin:0; font-size:11px; margin:50px 0; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:74px; height:25px; text-align:center; color:#000; border:1px dashed #FEBFD1; background:#FFF6F7; line-height:20px; font-size:12px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#FEBFD1;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:75px; width:75px;}
.menu ul li:hover ul li a.hide {background:#FEBFD1; color:#000;}
.menu ul li:hover ul li:hover a.hide {background:#F66E95; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#FEBFD1; color:#000;}
.menu ul li:hover ul li a:hover {background:#F66E95; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:75px; top:0;}

第三个：dedecms5.7模板中的写法，这个随便改动可能会乱套。
<div class="fly"><div class="menu"><ul> 
{dede:channel type='top' }
<li><a class="hide" href="[field:typelink/]">[field:typename/]</a>
<ul>[field:sonchannel0]<li><a href="[field:typelink/]">[field:typename/]</a>
<ul class="right_side">
[field:sonchannel1]<li><a href="[field:typelink/]">[field:typename/]</a></li>
[/field:sonchannel1]</ul></li>
[/field:sonchannel0]</ul>
{/dede:channel}
</ul></div>

第四个：看看效果 http://gzyld.org.cn/，暂时我还没有打算换，应该可以看到。
其实弄出来不容易，不过也是学习网络很多其他人写的代码基础上做出来的。
希望对大家，建站有帮助，尊重贡献过的站长们。