Volver al Programación / Codificación foro

Menú desplegable, como GoDaddy

  • SoulDesigns
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Sep 09, 2004
  • Mensajes: 28
  • Loc: Karachi, Pakistan
  • Status: Offline

Nota Octubre 7th, 2010, 8:30 am

Hola. Todo el mundo,

He estado buscando en Internet y yo no soy capaz de encontrar qué Menú GoDaddy (punto) com está utilizando? ¿Alguien tiene una idea de donde puedo encontrar este menú? Además, si algún otro menú se parece mucho a favor hágamelo saber el recurso. Tengo que utilizar en un proyecto.

gracias :)
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Octubre 7th, 2010, 8:30 am

  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Octubre 7th, 2010, 12:49 pm

Honestamente no creo que necesita un menú plantilla para crear esto. Usted podría crearlo usted mismo. El código es bastante sencillo.


Es, básicamente, hacer una lista desordenada. Dentro de los elementos de lista, que integrar otra lista no ordenada. Dentro de la lista de elementos incrustados, incrustar una tabla con los enlaces en cada celda:
HTML Código: [ Select ]
<ul> <!-- make a list -->
<li calss="drop"><a href="#">Top Level Link
<ul> <!-- embed a list -->
<li>
 
<table cellspacing="0" cellpadding="0"> <!-- embed a table -->
<tr>
<td><a href="#">Link 1</a></td>
<td><a href="#">Link 2</a></td>
</tr>
</table> <!-- close the table -->
 
</li>
</ul> <!-- close the embedded list -->
</a>
</li>
</ul> <!-- close the main list -->
 
  1. <ul> <!-- make a list -->
  2. <li calss="drop"><a href="#">Top Level Link
  3. <ul> <!-- embed a list -->
  4. <li>
  5.  
  6. <table cellspacing="0" cellpadding="0"> <!-- embed a table -->
  7. <tr>
  8. <td><a href="#">Link 1</a></td>
  9. <td><a href="#">Link 2</a></td>
  10. </tr>
  11. </table> <!-- close the table -->
  12.  
  13. </li>
  14. </ul> <!-- close the embedded list -->
  15. </a>
  16. </li>
  17. </ul> <!-- close the main list -->
  18.  


A continuación, utilizar algunos CSS de lujo para el efecto hover:
CSS Código: [ Select ]
ul li {
list-style: none;
margin: 0 5px; /* spacing things out */
padding: 0;
display: inline; /* ie6 fix */
float: left; /* put the list in a line */
}
 
ul li.drop ul {
display: none; /* hide the embedded list */
}
 
ul li.drop:hover ul {
display: block; /* show the embedded list on hover */
position: absolute; /* put it in the right spot */
}
 
  1. ul li {
  2. list-style: none;
  3. margin: 0 5px; /* spacing things out */
  4. padding: 0;
  5. display: inline; /* ie6 fix */
  6. float: left; /* put the list in a line */
  7. }
  8.  
  9. ul li.drop ul {
  10. display: none; /* hide the embedded list */
  11. }
  12.  
  13. ul li.drop:hover ul {
  14. display: block; /* show the embedded list on hover */
  15. position: absolute; /* put it in the right spot */
  16. }
  17.  


Thats sobre ella. No he probado esto por lo que puede ser que necesite un poco de ajuste, pero esto es un menú de navegación básica.
Use your words like arrows to shoot toward your goal.
  • SoulDesigns
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Sep 09, 2004
  • Mensajes: 28
  • Loc: Karachi, Pakistan
  • Status: Offline

Nota Octubre 8th, 2010, 12:51 am

Hola. He tratado de este código y CSS y jugar con él! pero fue en vano, no está funcionando. :)
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Octubre 8th, 2010, 2:22 am

¿Conoces alguna HTML y CSS?
Use your words like arrows to shoot toward your goal.
  • SoulDesigns
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Sep 09, 2004
  • Mensajes: 28
  • Loc: Karachi, Pakistan
  • Status: Offline

Nota Octubre 8th, 2010, 8:21 am

Sí, lo hago. pero no puede hacer que funcione :)

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 101 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC