建站之星产品帮助

标题: 如何修改下拉子菜单的长度 [打印本页]

作者: tiawishes 时间: 2010-10-24 19:02
标题: 如何修改下拉子菜单的长度
本帖最后由 tiawishes 于 2010-10-24 19:04 编辑

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

作者: tools 时间: 2010-10-24 20:33
提示: 作者被禁止或删除内容自动屏蔽

作者: tiawishes 时间: 2010-10-24 22:41
我这边没有显示，不过这也不好看，有损这个漂亮的模版。我该怎么弄？

作者: tools 时间: 2010-10-24 23:01
提示: 作者被禁止或删除内容自动屏蔽

作者: tiawishes 时间: 2010-10-26 09:34
我喜欢现在的这个模版，请问在哪里修改？

作者: lhlh 时间: 2010-10-26 10:02
您可以修改您的样式文件template/eyeglasses/css/style.css 与导航相关的类 .navigation 修改相关width的值。

作者: tiawishes 时间: 2010-10-26 20:39

还不知道怎么修改，我希望的效果是：
(, 下载次数: 47)

以下是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
您好，您可以参考 Css 手册修改与 .navigation 此类相关的代码。

作者: tiawishes 时间: 2010-10-27 21:17

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

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

作者: tiawishes 时间: 2010-10-27 23:29
.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
整体的效果，需要您调整多个不同关联属性的数值，您都调整下试试，以达到您满意的效果。

欢迎光临建站之星产品帮助 (http://bbs.sitestar.cn/)