Dedecms導航條變短居中的解決辦法

5.3發布以來很多人覺得導航條太長，不好看。紛紛尋找變短的辦法。

新鮮人今天試驗成功，特寫此教程與菜鳥們分享。

（藍色為修改部分，紅色為添加部分）

打開 templets\style\ 的 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！一切搞定！

修改成功的請頂帖，讓更多人看到。