Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje15-05-2009, 07:59 (UTC)    
Título del mensaje: [Resuelto]Como añado categorías a este menú??

Quiero cambiar el menú horizontal de mi web, porque el que tengo no funciona bien en IE.

He visto uno que me sirve para todos los navegadores, pero no sé como se añaden más categorías.

Es este:

http://www.paginawebgratis.es/forum/viewtopic.php?t=7598

Saludos


Ultima edición por muchogratis el Vie May 15, 2009 6:23 pm; editado 1 vez
Mensaje15-05-2009, 09:53 (UTC)    
Título del mensaje: Re: Como añado categorías a este menú??

lo pone clrito, "Subkategorie" alli debes alojar los links.

lo mejor es que peges el codigo en tu pagina y observes donde se pone al verlo guardado, osea aprender a usarlo es asi.

pd: eso no es un truco, tan solo sacó la fuente original, si buscas algo mas sencillo, con poner botones tipo banner en un box, será mas facil:
Código:
<a href=""><img src="">
<a href=""><img src="">
<a href=""><img src="">
etc...

______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje15-05-2009, 17:27 (UTC)    
Título del mensaje:

Hola,
supongo que con "categoría" te refieres a una división más de botones desplegables no a más botones.
Fíjate que el script tiene estos nombres:
Cita:
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="">Subkategorie 1.1</a></li>
<li><a href="">Subkategorie 1.2</a></li>
<li><a href="">Subkategorie 1.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menu 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="">Subkategorie 2.1</a></li>
<li><a href="">Subkategorie 2.2</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menu 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="">Subkategorie 3.1</a></li>
<li><a href="">Subkategorie 3.2</a></li>
<li><a href="">Subkategorie 3.3</a></li>
<li><a href="">Subkategorie 3.4</a></li>
<li><a href="">Subkategorie 3.5</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Subkategorie 4.1</a></li>
<li><a href="">Subkategorie 4.2</a></li>
<li><a href="">Subkategorie 4.3</a></li>
</ul>
</li>
</ul>


Entonces probemos agregar esto (lo que esta en negro es la categorá 4 te la puse para que te quies acerca de como enlazarla con la nueva que esta en color rojo):
Cita:
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Subkategorie 4.1</a></li>
<li><a href="">Subkategorie 4.2</a></li>
<li><a href="">Subkategorie 4.3</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menu 4</a>
<ul id="smenu5" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Subkategorie 5.1</a></li>
<li><a href="">Subkategorie 5.2</a></li>
<li><a href="">Subkategorie 5.3</a></li>
</ul>
</li>
</ul>


Finalmente deberás agragar la nueva categoría en el CSS para que reconozca su formato, hazlo así:
Cita:
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}


Salu2!


Ultima edición por tokarg el Vie May 15, 2009 1:28 pm; editado 1 vez
Mensaje15-05-2009, 22:14 (UTC)    
Título del mensaje:

Gracias
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group