DZ X3.2修改导航为宽屏

8618897 · 发表于 2014-8-20 12:14:09

DZ X3.2修改导航为宽屏，包括下面的搜索背景。请大神帮忙告诉下方法。

DZ动力1002 · 发表于 2014-8-20 12:18:36

8618897 · 发表于 2014-8-20 12:20:06

DZ动力1002 发表于 2014-8-20 12:18
参考https://discuz.dismall.com/forum.php?mod=viewthread&tid=3264648

那个是用背景图片实现的，我想用css实现

DZ动力1002 · 发表于 2014-8-20 12:29:42

修改template/default/common/header.htm
找到
<div id="hd">
<div class="wp">
第120行的<div class="wp"> 修改为<div>

8618897 · 发表于 2014-8-20 12:33:28

DZ动力1002 发表于 2014-8-20 12:29
修改template/default/common/header.htm
找到

这个方法我之前搜索过，尝试过，但是我只要导航条宽屏，导航里面文字和logo，登陆框都是960px宽度的。

DZ动力1002 · 发表于 2014-8-20 12:33:40

如果觉得logo那行不需要全屏，下面那行代码
<div class="hdc cl">
修改为
<div class="hdc cl wp">

8618897 · 发表于 2014-8-20 12:34:36

DZ动力1002 发表于 2014-8-20 12:29
修改template/default/common/header.htm
找到

类似下图的效果

8618897 · 发表于 2014-8-20 12:37:37

本帖最后由 8618897 于 2014-8-20 12:39 编辑

DZ动力1002 发表于 2014-8-20 12:33
如果觉得logo那行不需要全屏，下面那行代码

修改为

还差最后一步，导航条上的“论坛” “快捷导航”也是960px宽度的，搜索框也是960px的

DZ动力1002 · 发表于 2014-8-20 12:56:27

<div id="nv">下面加
<div class="wp">
160行</div>后面在加个</div>

如果导航偏下的话
编辑
template/default/common/common.css
删除
#hd .wp { padding: 10px 0 0; }

其他的自己调整吧

8618897 · 发表于 2014-8-20 13:15:07

本帖最后由 8618897 于 2014-8-20 13:31 编辑

DZ动力1002 发表于 2014-8-20 12:56
下面加

160行后面在加个

下面的搜索框还是宽屏的，我想调整成背景是宽屏的，搜索框是960px宽的。就像刚才调整导航条上的文字那样。

		自动登录	找回密码
密码			立即注册

[已回应] DZ X3.2修改导航为宽屏