乔客论坛 - [class.nav] - [求助]请教高手-如何修改HeaderSpace区
RSS 2.0 支持
本版版主
您是本贴第 1019 位浏览者

浏览贴子: [求助]请教高手-如何修改HeaderSpace区 打印 收藏 推荐 刷新

xiali
  • 等级
  • 发贴18
  • 积分25
  • 货币0.0乔币
  • 注册2009-6-21
[求助]请教高手-如何修改HeaderSpace区
4.0中,如何修改 Header 区各自的位置?
如:header_logo.gif, HeaderMenu, 您好。。。等项。
Header_logo.gif与菜单条间距有点大,如何做才能将菜单条向上提一点,显得空间紧凑一些。

另外,菜单条怎样才能变成整条(950px)?
以上是对4.0 Defult样式而言的。

求助高手帮助,先谢谢了。
等待中。。。

本贴已被 作者2009-8-25 13:26:9 编辑过
 
IP 操作 Top

linos
  • 老牛
  • 等级
  • 发贴301
  • 积分4982
  • 货币0.6乔币
  • 注册2006-4-29
Re:[求助]请教高手-如何修改HeaderSpace区
先声明下,不是高手,半年前几个站在用乔客,现在就剩下1个了,www.sgeasy.com
以下完全是菜鸟级操作法。

找到skin\default\images\css\style.css


Quote:
/* ********* header ******** */
div.Header { width:940px; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderFrame { clear:both; width:100%; margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderLogo { width:20%; height:80px; text-align:center; float:left; }
div.HeaderNav { width:80%; text-align:right; float:right; }
div.HeaderNav div.space { width:auto; margin:2px; padding:2px; }

div.HeaderTop { width:auto; border:1px solid #DBDBDB; margin:0px; padding:0px; float:right; }
div.HeaderTop div.left { display:none; }
div.HeaderTop div.right { display:none; }
div.HeaderTop div.item { float:left; padding:0px 3px 0px 3px; }
div.HeaderTop a { float:left; color:#333333; text-decoration:none; padding:4px 4px 1px 4px; }
div.HeaderTop a:visited { color:#333333; text-decoration:none; }
div.HeaderTop a:hover { color:#DD2000; text-decoration:none; }
div.HeaderTop a:active { color:#DD2000; text-decoration:none; }

div.HeaderMenu { width:auto; margin:0px; padding:0px; float:right; }
div.HeaderMenu div.left { float:left; width:18px; height:32px; background:url("../frame/header_menu_left.gif") no-repeat; padding:0px; }
div.HeaderMenu div.right { float:left; width:18px; height:32px; background:url("../frame/header_menu_right.gif") no-repeat; padding:0px; }
div.HeaderMenu div.item { float:left; height:32px; line-height:32px; background:#c0c0c0 url("../frame/header_menu_bg.gif") repeat-x; padding:0px 0px 0px 0px; }
div.HeaderMenu a { float:left; color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; padding:0px 8px 0px 8px; }
div.HeaderMenu a:visited { color:#FFFFFF; text-decoration:none; }
div.HeaderMenu a:hover { background:url("../frame/header_menu_active.gif") repeat-x; color:#FFFFFF; text-decoration:none; }
div.HeaderMenu a:active { color:#2672BD; text-decoration:none; }


你的问题有点含糊,Header_logo.gif与菜单条间距有点大说的是横向的宽度,如何做才能将菜单条向上提一点又说的是纵向调整。所以如果你想改好乔客模板,你就得把css代码一个个自己试着修改下,看改完会是什么效果,然后就明白是怎么个改法了。
 
IP 操作 Top

xiali
  • 等级
  • 发贴18
  • 积分25
  • 货币0.0乔币
  • 注册2009-6-21
Re:[讨论]谢谢
先谢谢了。我再对照下,看代码有什么变化。
既想改变上下的间距,也想改成整条菜单栏。
 
IP 操作 Top

百事渴乐
  • 等级
  • 发贴181
  • 积分349
  • 货币12.6乔币
  • 注册2004-4-1
Re:[求助]请教高手-如何修改HeaderSpace区
也过来关注一下
 
IP 操作 Top

wuwenhuan
  • 等级
  • 发贴1714
  • 积分6450
  • 货币139.3乔币
  • 注册2003-8-8
Re:[求助]请教高手-如何修改HeaderSpace区
过来关注一下
 
IP 操作 Top

xiali
  • 等级
  • 发贴18
  • 积分25
  • 货币0.0乔币
  • 注册2009-6-21
Re:[求助]请教高手-如何修改HeaderSpace区
试过了,还是不能改变导航菜单的间距。需要改CSS中哪些项?怎么试也不行啊。请求帮助。
 
IP 操作 Top

Ranom
  • 乔家首席打杂
  • 等级
  • 威望5
  • 发贴2517
  • 积分33354
  • 货币611.2乔币
  • 注册2002-11-14
Re:[求助]请教高手-如何修改HeaderSpace区
div.HeaderMenu div.item
间距可以修改这个相关的CSS代码。如果需要准确修改,你得有一定的CSS 2.0的知识。
 
IP 操作 Top

  • loading..

loading..