产品使用及交流论坛

注册

 

QQ登录

只需一步，快速开始

返回列表
发新话题 回复该主题
查看: 6838|回复: 5

请教导航栏目的宽度、间距、高度在哪调 [复制链接]

l_qingquan
头像

  • PageAdmin新手
  • 68
  • 92
  • 2012-02-10
1#
t T
发表于 2012-03-17 17:31 |只看楼主
请问一下韩国风模板导航栏目的宽度、间距、高度在哪调？
代码：/*menu样式*/

.menu_box{position:relative;background:url(images/body_top_bg.jpg) no-repeat 0 0;height:130px;overflow:hidden}

                  /**********LOGO在上方样式***********/
.menu_box_style1_1{clear:both;}
.menu_box_style1_1_1{float:left;}
.menu_box_style1_1_2{float:right;padding:0 0 0 0;}
.menu_box_style1_2{clear:both;text-align:left;height:30px;border:0 solid #dddddd;padding:20px 0 0 370px;}

.menu_style_1_first{float:left;height:30px;width:68px;padding:0 0 0 10px;text-align:left}
.menu_style_1{float:left;height:30px;width:100px;padding:0 0 0 10px;text-align:left}

a.menu_1nk{colorffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_1:visited {colorffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_1:hover {colorffffff;text-decoration:none;text-decoration:underline;;font-size:13px;font-weight:bold;}

a.menu_current_1{colorffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_current_1:hover{colorffffff;text-decoration:none;font-size:13px;font-weight:bold;}

                  /**********LOGO在左侧样式***********/
.menu_box_style2_1{border:0 solid #cccccc;text-align:right;padding:5px 2px 5px 0}
.menu_box_style2_2{clear:both;height:50px;}
.menu_box_style2_2_1{float:left;width:350px;height:50px;text-align:left}
.menu_box_style2_2_2{float:right;width:628px;height:30px;margin:10px 0 0 0;padding-left:22px;}

.menu_style_2_first{float:left;height:130px;width:68px;padding:100 0 0 10px;text-align:left}
.menu_style_2{float:left;height:130px;width:100px;padding:100 0 0 10px;text-align:left;}

a.menu_2nk{colorffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_2:visited {colorffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_2:hover {colorffffff;text-decoration:none;text-decoration:underline;font-size:13px;font-weight:bold;}

a.menu_current_2{colorffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_current_2:hover{colorffffff;text-decoration:underline;font-size:13px;font-weight:bold;}
分享 转发
TOP
l_qingquan
头像

  • PageAdmin新手
  • 68
  • 92
  • 2012-02-10
2#
t T
发表于 2012-03-18 09:19 |只看楼主

谁来帮帮我。
TOP
爱都明轩
头像

  • PageAdmin新手
  • 84
  • 174
  • 2012-02-29
3#
t T
发表于 2012-03-18 09:30 |只看该用户

  1. .menu_box_style1_1{clear:both;border:0 solid #cccccc;}
  2. .menu_box_style1_1_1{float:left;}
  3. .menu_box_style1_1_2{float:right;padding:5px 0 0 0;}
  4. .menu_box_style1_2{clear:both;text-align:left;height:26px;background:url(images/menu_bg_1.gif) repeat 0 0;border:0 solid #dddddd;border-width:0 0 0 0;}

  6. .menu_style_1_first{float:left;width:100px;height:26px;text-align:center;background:url(images/menu_style_1.gif) no-repeat 0 0;}
  7. .menu_style_1{float:left;width:100px;height:26px;text-align:center;background:url(images/menu_style_1.gif) no-repeat 0 0;}

  9. a.menu_1:link{display:block;width:100px;height:18px;color:#FFFFFF;text-decoration: none;font-weight:bold;padding:5px 0 0 0}
  10. a.menu_1:visited {display:block;width:100px;height:18px;color:#FFFFFF;text-decoration:none;font-weight:bold;padding:5px 0 0 0}
  11. a.menu_1:hover {display:block;width:100px;height:18px;color:#FFFFFF;text-decoration:none;font-weight:bold;padding:5px 0 0 0;background:url(images/menu_style_1_out.gif) no-repeat 0 0;}

  13. a.menu_current_1{display:block;width:100px;height:18px;color:#FFFFFF;text-decoration:none;font-weight:bold;padding:5px 0 0 0;background:url(images/menu_style_1_out.gif) no-repeat 0 0;}
复制代码
修改里面的参数就可以随心所欲了
TOP
l_qingquan
头像

  • PageAdmin新手
  • 68
  • 92
  • 2012-02-10
4#
t T
发表于 2012-03-18 11:10 |只看楼主

明白了，谢谢……
TOP
mzxnlwh
头像

  • PageAdmin新手
  • 33
  • 51
  • 2010-12-14
5#
t T
发表于 2012-03-20 15:37 |只看该用户

不同菜单能不能不同宽度？
TOP
l_qingquan
头像

  • PageAdmin新手
  • 68
  • 92
  • 2012-02-10
6#
t T
发表于 2012-03-22 10:39 |只看楼主

我是设置的导航栏
TOP
上一主题| 下一主题
返回列表
发新话题 回复该主题
高级编辑器高级编辑器