如何修改下拉子菜单的长度

tiawishes · 发表于 2010-10-24 19:02:53

本帖最后由 tiawishes 于 2010-10-24 19:04 编辑

我的网站http://www.obright.cn/index.php?_l=en用的是sitestar1.3正式版zhongbiao-101018-a12模版，由于下拉子菜单长度不够，菜单名称的部份文字无法完整显示（如图），请问该如何修改？

tools · 发表于 2010-10-24 20:33:02

提示: 作者被禁止或删除内容自动屏蔽

tiawishes · 发表于 2010-10-24 22:41:19

我这边没有显示，不过这也不好看，有损这个漂亮的模版。我该怎么弄？

tools · 发表于 2010-10-24 23:01:05

提示: 作者被禁止或删除内容自动屏蔽

tiawishes · 发表于 2010-10-26 09:34:05

我喜欢现在的这个模版，请问在哪里修改？

lhlh · 发表于 2010-10-26 10:02:16

您可以修改您的样式文件template/eyeglasses/css/style.css 与导航相关的类 .navigation 修改相关width的值。

tiawishes · 发表于 2010-10-26 20:39:21

还不知道怎么修改，我希望的效果是：

以下是CSS文件导航标签的代码：
/*--- 导航 ---*/
#nav {height:31px; line-height:31px; margin:0 auto;font-family:"Microsoft Yahei", "华文细黑", "黑体", "宋体", Arial; font-size:14px;}
.nav_l { display:none; }
.nav_r { display:none; }
.navigation { padding-left:0px; }
.navigation li { float:left; text-align:center; position:relative; padding-right:2px; padding-left:2px; z-index:100; width:76px;}
.navigation li a, .navigation li a:visited { display: block; text-decoration: none; color: #000;  width:76px;}
.navigation li a:hover, .navigation li.hover a { color: #fff; text-decoration: none; background:url(../images/nav_1.png) no-repeat; height:31px; width:76px;}
.navigation li.hover a:visited { _color:#fff;}
.navigation ul { display:none; }
.navigation ul li { background-image:none; background-color:#969696; line-height:31px; margin:0px; padding: 0px; font-size:12px;}
.navigation ul li a, .navigation ul li a:hover { background-image:none; color:#fff; width:90px; margin:0px; padding: 0px; padding:0px; font-size:12px;}
.navigation li ul { width:76px; display:none; position:absolute; top:31px; left:2px; margin: 0px; padding:0; z-index:100; background-color:#969696; font-size:12px;}
.navigation li ul ul { left:76px; top:20px; z-index:200; top:0;  font-size:12px;}
.navigation li ul li { background-color:#73454c; border:0; background-image:none; padding:0px; padding:0px; width:76px; font-size:12px; }
.navigation li ul li a { color:#fff; font-weight:normal; text-align:center; padding-left:5px; text-indent:0px; background-image:none; padding:0px; width:76px; font-size:12px; }
.navigation li ul li a:visited { _color:#fff; background-image:none; font-weight:normal; color:#fff; padding:0px; width:76px;  font-size:12px;}
.navigation li ul li a:hover { color:#fff; background-image:none; background:#a15963; padding:0px; width:76px; font-size:12px; }
.navigation li ul li.hover { background:#a15963; background-image:none; width:76px; padding:0px; width:76px; font-size:12px; }
.navigation li.hover ul a { background-image:none; padding:0px; width:76px; font-size:12px; }
#nav_bot { width:938px; height:13px; background:url(../images/menu_bottom.gif) repeat-x;  font-size:12px;}

Ghost · 发表于 2010-10-26 20:56:18

您好，您可以参考 Css 手册修改与 .navigation 此类相关的代码。

tiawishes · 发表于 2010-10-27 21:17:48

实在不会，请拔刀相助啊！

Ghost · 发表于 2010-10-27 21:37:48

您好，您可以参考 Css 手册修改模板样式,样式文件位置:template/模板名称/css/style.css
与 .navigation 此类相关的代码，请根据您自行的需求进行调整。

tiawishes · 发表于 2010-10-27 23:29:18

.navigation { padding-left:0px; }
.navigation li { float:left; text-align:center; position:relative; padding-right:2px; padding-left:2px; z-index:100; width:76px;}
我将上述红色代码修改成86效果也不好呢

Ghost · 发表于 2010-10-27 23:53:19

整体的效果，需要您调整多个不同关联属性的数值，您都调整下试试，以达到您满意的效果。

tools tools 当前离线积分 1232 IP卡狗仔卡	2^# 发表于 2010-10-24 20:33:02 \| 只看该作者提示: 作者被禁止或删除内容自动屏蔽
tools tools 当前离线积分 1232 IP卡狗仔卡
	回复支持反对使用道具举报显身卡

tools tools 当前离线积分 1232 IP卡狗仔卡	4^# 发表于 2010-10-24 23:01:05 \| 只看该作者提示: 作者被禁止或删除内容自动屏蔽
tools tools 当前离线积分 1232 IP卡狗仔卡
	回复支持反对使用道具举报显身卡

如何修改下拉子菜单的长度

相关帖子