Foros del Web » Creando para Internet » CSS »

Modificar menu

Estas en el tema de Modificar menu en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/05/2012, 21:10
Avatar de 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;
}

Etiquetas: hover, modificar, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:55.