本论坛自从换了主题后,关于手机导航和页面顶部的导航菜单摸索了很多时间,好不容易完成了,目前觉得还是挺满意的。因为修改不容易,特开个文章记录下两个设备下导航页的代码。以便被查。后期如果更改会及时更新。

手机导航二级菜单的代码

<li id="navbar-page-6"><a href="https://www.rehope.cn/?id=6"><i class="fa-list-alt fa"></i> 文章归档</a></li>
<li id="navbar-category-1"><a href="https://www.rehope.cn/?cate=1"><i class="fa-comments fa"></i> 随笔</a>
	<ul>
		<li id="navbar-category-2"><a href="https://www.rehope.cn/?cate=2"><i class="fa fa-book"></i> 随笔·日常</a></li>
		<li id="navbar-category-9"><a href="https://www.rehope.cn/?cate=9"><i class="fa fa-book"></i> 随笔·杂谈</a></li>
	</ul>
</li>
<li id="navbar-category-3"><a href="https://www.rehope.cn/?cate=3"><i class="fa-list-alt fa"></i> 电脑</a>
	<ul>
		<li id="navbar-category-4"><a href="https://www.rehope.cn/?cate=4"><i class="fa fa-book"></i> 电脑·系统</a></li>
		<li id="navbar-category-6"><a href="https://www.rehope.cn/?cate=6"><i class="fa fa-book"></i> 电脑·编程</a></li>
		<li id="navbar-category-14"><a href="https://www.rehope.cn/?cate=14"><i class="fa fa-book"></i> 电脑·设计</a></li>
	</ul>
</li>
<li id="navbar-category-10"><a href="https://www.rehope.cn/?cate=10"><i class="fa fa-align-left"></i> 学习</a>
	<ul>
		<li id="navbar-category-11"><a href="https://www.rehope.cn/?cate=11"><i class="fa fa-book"></i> 学习·数学</a></li>
		<li id="navbar-category-12"><a href="https://www.rehope.cn/?cate=12"><i class="fa fa-book"></i> 学习·物理</a></li>
		<li id="navbar-category-13"><a href="https://www.rehope.cn/?cate=13"><i class="fa fa-book"></i> 学习·语文</a></li>
	</ul>
</li>
<li id="navbar-category-15"><a href="https://www.rehope.cn/?cate=15"><i class="fa-comments fa"></i> 其他</a>
	<ul>
		<li id="navbar-page-10"><a href="https://www.rehope.cn/?id=10"><i class="fa fa-book"></i> 大事记</a></li>
	</ul>
</li>
<form name="search" method="post" class="s-form" autocomplete="off" action="https://www.rehope.cn/zb_system/cmd.php?act=search">
	<input type="text" name="q" class="s-key" size="11" placeholder="搜索全站" />
</form>

电脑导航二级菜单的代码

<li id="nvabar-item-index"><a href="https://www.rehope.cn/"><i class="fa-list-alt fa"></i>首页</a></li>
<li id="navbar-category-1"><a href="https://www.rehope.cn/?cate=1"><i class="fa-comments fa"></i> 随笔</a>
	<ul>
		<li id="navbar-category-2"><a href="https://www.rehope.cn/?cate=2"><i class="fa fa-book"></i> 随笔·日常</a></li>
		<li id="navbar-category-9"><a href="https://www.rehope.cn/?cate=9"><i class="fa fa-book"></i> 随笔·杂谈</a></li>
		<li id="navbar-category-16"><a href="https://www.rehope.cn/?cate=16"><i class="fa fa-book"></i> 随笔·记录</a></li>
	</ul>
</li>
<li id="navbar-category-3"><a href="https://www.rehope.cn/?cate=3"><i class="fa-list-alt fa"></i> 电脑</a>
	<ul>
		<li id="navbar-category-4"><a href="https://www.rehope.cn/?cate=4"><i class="fa fa-book"></i> 电脑·系统</a></li>
		<li id="navbar-category-6"><a href="https://www.rehope.cn/?cate=6"><i class="fa fa-book"></i> 电脑·编程</a></li>
		<li id="navbar-category-14"><a href="https://www.rehope.cn/?cate=14"><i class="fa fa-book"></i> 电脑·设计</a></li>
	</ul>
</li>
<li id="navbar-category-10"><a href="https://www.rehope.cn/?cate=10"><i class="fa fa-align-left"></i> 学习</a>
	<ul>
		<li id="navbar-category-11"><a href="https://www.rehope.cn/?cate=11"><i class="fa fa-book"></i> 学习·数学</a></li>
		<li id="navbar-category-12"><a href="https://www.rehope.cn/?cate=12"><i class="fa fa-book"></i> 学习·物理</a></li>
		<li id="navbar-category-13"><a href="https://www.rehope.cn/?cate=13"><i class="fa fa-book"></i> 学习·语文</a></li>
	</ul>
</li>
<li> <a href="javascript:void(0)"><i class="fa fa-recycle"></i> 其他</a>
	<ul>
		<li id="navbar-page-6"><a href="https://www.rehope.cn/?id=6"><i class="fa-sitemap fa"></i> 文章归档</a></li>
		<li id="navbar-page-10"><a href="https://www.rehope.cn/?id=10"><i class="fa fa-star"></i> 大事记</a></li>
		<li id="navbar-page-12"><a href="https://www.rehope.cn/?id=12"><i class="fa fa-users"></i> 关于博主</a></li>
	</ul>
</li>
<li id="navbar-page-2"><a href="https://www.rehope.cn/?id=2"><i class="fa fa-twitter"></i> 留言</a></li>