Foros del Web » Creando para Internet » Diseño web »

Menu Vertical

Estas en el tema de Menu Vertical en el foro de Diseño web en Foros del Web. Hola a todos quiero hacer un menu vertical dinamico, pero soy nuevo en el diseño y programacion web. por lo cual tengo la duda de ...
  #1 (permalink)  
Antiguo 15/10/2009, 15:55
 
Fecha de Ingreso: septiembre-2009
Ubicación: colombia
Mensajes: 10
Antigüedad: 8 años, 3 meses
Puntos: 0
Menu Vertical

Hola a todos quiero hacer un menu vertical dinamico, pero soy nuevo en el diseño y programacion web. por lo cual tengo la duda de como hacer un menu dinamico vertical que sea agradable a la vista pero el problema que tengo es que mi menu se basa de a acuero a la informacion que me llegue de la base de datos. por favor espero sus sugerencias de como poder hacer de manera eficiente y no tan complicada ejemplo:

menu 1
menu 1.1
menu1.1.1
menu 1.2
menu 1.2.1
menu 1.2.1.1
menu 2
menu 2.1
menu 3

el menu siempre es variable nunca va a ser el mismo o si es mejor utlizar otra clase de menu como frames o si necesito utlizar ajax
  #2 (permalink)  
Antiguo 15/10/2009, 16:39
Avatar de flaviovmr  
Fecha de Ingreso: octubre-2009
Ubicación: Guatemala
Mensajes: 92
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Menu Vertical

Mira, lo que te puedo aconsejar, para un menú, es útilizar el menú de spry. Para ello, necesitas aparte del archivo php donde irá el menú, dos archivos mas:

Cita:
SpryMenuBar.js
y
Cita:
SpryMenuBarVertical.css
Te adjunto un ejemplo de menú vertical con Spry:

Archivo php donde vas a colocar el menú:
Código PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script src="/SpryMenuBar.js" type="text/javascript"></script>
<link href="/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>

<body>
<ul id="MenuBar1" class="MenuBarVertical">
  <li><a class="MenuBarItemSubmenu" href="#">Elemento 1</a>
    <ul>
      <li><a href="#">Elemento 1.1</a></li>
      <li><a href="#">Elemento 1.2</a></li>
      <li><a href="#">Elemento 1.3</a></li>
    </ul>
  </li>
  <li><a href="#">Elemento 2</a></li>
  <li><a class="MenuBarItemSubmenu" href="#">Elemento 3</a>
<?php
    $link
=conectarse();
    
$sql="select * from tabla";
    
$result=mysql_query($sql,$link);
    
    while (
$row=mysql_fetch_array($result)) {
        
?>
    <li><a href="#" class="MenuBarItemSubmenu"><?php echo $row['name']; ?></a>
      <ul>
        <?php
        $link2
=conectarse();
        
$sql2="select * from video where artist = ".$row['id'];
        
$result2=mysql_query($sql2,$link2);
        
        while (
$row2=mysql_fetch_array($result2)) {
            
?>
        <li><a href="videos.php?v=<?php echo $row2['id']; ?>"><?php echo $row2['tittle']; ?></a></li>
            <?php
        
}
        
mysql_close($link2);
        
?>
        </ul>
      </li>
          <?php
    
}
?>
  </li>
  <li><a href="#">Elemento 4</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Bueno, este es un pequeño ejemplo: El php, es el que yo uso, para agregar a un menú, variso submenus con nombres de artistas, y dentro de esos submenus, otors con los nombres de los videos.

Espero te sirva. Saludos
  #3 (permalink)  
Antiguo 18/10/2009, 07:08
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Menu Vertical

Hola:

En las FAQ's de CSS hay varios ejemplos de menús desplegables, échales un vistazo.

Saludos.

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 09:39.