1、首先还是先来说一下我们的方向，也就是想要达到的最终的效果。下面直接上图（图中是一个地方网的导航，而我们要做的就是实现这种基础的更改）：
2、要更改的是两个文件，一个是找到导航所在的位置，也就是源码所在的位置，这个在根目录下：template---default----common---header.html文件当中。洹彭岣啬而另一个则是导航的样式文件，更目录：template---default----common---common.css
3、首先我们用DW软件把这common.css文件打开，用查找工具找到文件的#toptb这段代码，这个就是更改导航样式的代码：
4、做到上一步你可能发现代码都是动态的，也就是能在discuz后台管理的，这个也是为了方便不懂得代码的人而设计的，对于追求完美的你来说可能操作代码能达到更好的效果，那你就可以自己来写：
5、这个自己写的代码必须要懂的css源码的规则，下面首先我们来更改一下导航的高度，因为我喜欢导航能醒目一点（两张图做一下对比）：
6、当然需要改的位置也很多，因为discuz的这个框架都是受限制的，所以想要等比例变大，那就需要更改多处，下面是需要改的代码：
7、想要达到预期的效果那这一步要改的就是背景，而背景是动态的，我用的方法是删掉系统带的，写上自己的这个是最有效的方法（图片是删除更改后的）：
8、最后就是一个鼠标滑过的效果，下面看一下修改的部位和效果图：
