PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步，快速开始

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

有关导航的问题.... [复制链接]

sarvel
头像

  • PageAdmin新手
  • 60
  • 137
  • 2009-10-06
1#
t T
发表于 2009-11-15 18:18 |只看楼主
如何修改导航的样式，让导航每行显示12个栏目？？已经问过好多次了，但是一直没有修改成功。因为搞不清楚到底是修改那一部分。郁闷，把代码贴出来好了，请教高人帮我修改一下吧  一定要说清楚啊！谢谢了！ 补充一下，我的网站宽度是1000px,我知道要想修改为83px.但是要修改以下代码的哪一块呢？？/*栏目导航样式*/.lanmu_nav_box{clear:both;width:100%;margin:0 0 10px 0;overflow:hidden;}
.lanmu_nav_sign{float:left;text-align:left;padding:4px 0 0 22px;color:#003060;background:url(images/sign_bg.gif) no-repeat 0 0;border:0 solid #BCD9F5;border-width:0 1px 0 0;width:80px}
.nav_more{float:right;font-weight:normal;padding:5px 10px 0 10px;margin:0 0 0 0;background:url(public/more_icon.gif) no-repeat 0 10px;}
.lanmu_nav_title{font-weight:bold;border:0 solid #BCD9F5;border-width:1px 1px 0 1px;height:25px;text-align:left;color:#333333;background:url(images/title_bg.gif)  repeat 0 0;overflow:hidden;cursor:pointer;}
.lanmu_nav_header{text-align:left;padding:0 0 0 0;margin:0 0 0 0}.lanmu_nav_content{margin:0 0 0 0;padding:5px 5px 5px 5px;text-align:left;border:1px solid #BCD9F5;}.lanmu_nav_menu{margin:0 0 0 0;padding:5px 5px 5px 0;text-align:left;border:1px solid #BCD9F5;}
.lanmu_nav_menu_list{text-align:left;padding:0 5px 0 20px;margin:2px 0 5px 0;background:url(images/lanmu_nav_menu_bg.gif)  no-repeat 0 0;}
.lanmu_nav_submenu_list{margin:2px 0 0 0;text-align:left;padding:0 5px 0 20px;background:url(images/lanmu_nav_submenu_bg.gif)  no-repeat 3px 0;}
a.lanmu_nav_menu_href{text-align:left;}
a.lanmu_nav_submenu_href{text-align:left;}.lanmu_nav_list{margin:0 0 0 0;padding:5px 5px 5px 5px;text-align:left;border:1px solid #BCD9F5;overflow:hidden;}
.lanmu_nav_list_1{text-align:left;border:0 dotted #cccccc;border-width:0 0 0 0;padding:5px 0 0 12px;background:url(images/article_arrow.gif)  no-repeat 5px 14px;}
.lanmu_nav_list_2{text-align:center;border:0 solid #cccccc;margin:5px 0 5px 0;}
.lanmu_nav_list_2_image{margin:0 5px 5px 0;border:1px solid #dddddd;}
a.lanmu_nav_list_href{text-align:left;}
分享 转发
TOP
sarvel
头像

  • PageAdmin新手
  • 60
  • 137
  • 2009-10-06
2#
t T
发表于 2009-11-18 11:07 |只看楼主

没有人会吗？？
TOP
rockyhan
头像

  • PageAdmin入门
  • 3
  • 6
  • 2009-11-19
3#
t T
发表于 2009-11-26 18:31 |只看该用户

这个朋友，我用的是默认的第二套模版，我的导航多了一个所以换行了。我做了如下更改：

template\style02\lanmu.css

/*menu样式*/

.menu_box{clear:both;width:100%;padding:0 0 0 0;}

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

.menu_style_1{float:left;width9px;text-align:center;margin:0 0 0 0;}
.menu_style_1_last{float:left;width9px;text-align:center;margin:0 0 0 0;}

a.menu_1nk{display:block;height:24px;width9px;colorffffff;text-decoration:none;font-

weight:normal;padding:6px 0 0 0;}
a.menu_1:visited {display:block;height:24px;width9px;colorffffff;text-decoration:none;font-

weight:normal;padding:6px 0 0 0;}
a.menu_1:hover {display:block;height:24px;width9px;colorffffff;text-decoration:none;font-

weight:normal;background:url(images/menu_style_over.gif) no-repeat 0 0;}

a.menu_current_1{display:block;height:24px;width9px;colorffffff;text-decoration:none;font-

weight:normal;background:url(images/menu_style_over.gif) no-repeat 0 0;padding:6px 0 0 0;}
a.menu_current_1_last{display:block;height:24px;width9px;colorffffff;text-decoration:none;font-

weight:normal;background:url(images/menu_style_over.gif) no-repeat 0 0;padding:6px 0 0 0;}

以上所有的89px，均是我手动由100px更改过来的。
改这个，需要参照页面源码进行，找到对应的css样式修改即可。
TOP
rockyhan
头像

  • PageAdmin入门
  • 3
  • 6
  • 2009-11-19
4#
t T
发表于 2009-11-26 18:31 |只看该用户

呵呵，所有发火的表情处就是我的修改。
TOP
sarvel
头像

  • PageAdmin新手
  • 60
  • 137
  • 2009-10-06
5#
t T
发表于 2009-11-26 21:46 |只看楼主

回复 4# rockyhan 的帖子

已经解决啦   但还是谢谢你  呵呵
TOP
jshymb
头像

  • PageAdmin入门
  • 7
  • 17
  • 2009-11-28
6#
t T
发表于 2009-12-11 15:25 |只看该用户

学习过了，终于解决问题了呢，真是感谢
TOP
上一主题| 下一主题
返回列表
发新话题 回复该主题
高级编辑器高级编辑器