DEDECMSv5.3导航条变短居中的解决办法

admin

导航条变短居中的解决办法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;


第一个应该改为：


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

朗月星空

一个个全都骑到老大头上来了... 我也来骑一下。