Dedecms导航条变短居中的解决办法

5.3发布以来很多人觉得导航条太长，不好看。纷纷寻找变短的办法。

新鲜人今天试验成功，特写此教程与菜鸟们分享。

（蓝色为修改部分，红色为添加部分）

打开 templetsstyle 的 dedecms.css 文件

找到

.header .nav{
width:100%;
height:32px;
background:url(../images/nav-bg.gif) repeat-x;
clear:both;
overflow:hidden;
}

改为：

.header .nav{
width:960px;
height:32px;
margin: 0 auto;
background:url(../images/nav-bg.gif) repeat-x;
clear:both;
overflow:hidden;

找到

.header .search{
height:40px;
background:url(../images/search-bg.png) repeat-x;
clear:both;
}

改为：

.header .search{
width:960px;
margin: 0 auto;
height:40px;
background:url(../images/search-bg.png) repeat-x;
clear:both;

OK！一切搞定！

修改成功的请顶帖，让更多人看到。