Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/05/2012, 21:10
Avatar de CodigoLinux
CodigoLinux
 
Fecha de Ingreso: diciembre-2011
Ubicación: Mexico
Mensajes: 7
Antigüedad: 12 años, 4 meses
Puntos: 1
Modificar menu

Estoy intentando modificar este menu para que acepte también submenus pero aun no e podido, aun soy nuevo en esto. Espero alguien pueda explicarme bien ya que e visto algunos tutoriales en google pero aun no se me queda bien claro.

Cita:
#catmenucontainer {
display:block;
font-family:Arial,Tahoma,Century gothic,verdana,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:40px;
line-height:normal;
padding:0;
text-transform:uppercase;
}
#catmenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#252525 url(http://4.bp.blogspot.com/_iI6SgnnhWEM/Sz_RyHpCKcI/AAAAAAAAA50/AJXXrtcCXgM/s1600/menu.png) repeat-x scroll 0 0;
height:40px;
margin-bottom:0;
margin-right:0;
margin-top:0;
padding:0 0 0 10px;
}
#catmenu ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#catmenu li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color:#FFFFFF;
display:block;
margin:0;
padding:12px 10px;
}
#catmenu li a:hover, #catmenu li a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#252525 url(http://3.bp.blogspot.com/_iI6SgnnhWEM/Sz_SKE8lvFI/AAAAAAAAA58/UnOE0eN-PoI/s1600/menua.png) repeat-x scroll 0 0;
color:#C0E3F4;
margin:0;
padding:12px 10px;
text-decoration:none;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0B5C86 none repeat scroll 0 0;
border-bottom:1px solid #13719F;
color:#61B5DF;
float:none;
font-family:Tahoma,century gothic,Georgia,sans-serif;
font-weight:normal;
margin:0;
padding:9px 10px 10px;
width:150px;
}
#catmenu li li a:hover, #catmenu li li a:active {
color:#FFFFFF;
padding:9px 10px 10px;
}
#catmenu li ul {
height:auto;
left:-999em;
margin:0;
padding:0;
position:absolute;
width:170px;
z-index:9999;
}
#catmenu li li {
}
#catmenu li ul a {
width:140px;
}
#catmenu li ul a:hover, #catmenu li ul a:active {
}
#catmenu li ul ul {
margin:-36px 0 0 170px;
}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, #catmenu li.sfhover1 ul ul, #catmenu li.sfhover1 ul ul ul {
left:-999em;
}
#catmenu li:hover ul, #catmenu li li:hover ul, #catmenu li li li:hover ul, #catmenu li.sfhover ul, #catmenu li li.sfhover1 ul, #catmenu li li li.sfhover1 ul {
left:auto;
}
#catmenu li:hover, #catmenu li.sfhover1 {
position:static;
}