Foros del Web » Creando para Internet » CSS »

Menu scroll horizontal desplegable

Estas en el tema de Menu scroll horizontal desplegable en el foro de CSS en Foros del Web. Hola soy reeeenueva y tengo un super problemon. Estoy haciendo una web en asp (poco se de asp, lo basico), y me piden un menu ...
  #1 (permalink)  
Antiguo 04/08/2010, 17:14
 
Fecha de Ingreso: junio-2010
Ubicación: Cali
Mensajes: 22
Antigüedad: 7 años, 6 meses
Puntos: 0
Menu scroll horizontal desplegable

Hola soy reeeenueva y tengo un super problemon.

Estoy haciendo una web en asp (poco se de asp, lo basico), y me piden un menu que sea scroll y que cuando uno pase por encima de algun link se depliegue un submenu; y todos los datos vienen de una base de datos.

Si me explique?¿?¿ creo q si!

Ayudaaaa!! ya lo he intentado todo, busco y no encuentroooooo
  #2 (permalink)  
Antiguo 04/08/2010, 17:16
 
Fecha de Ingreso: febrero-2008
Mensajes: 294
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Menu scroll horizontal desplegable

hola,
aki hay miles de formas de hacer menus en CSS en todas las posiciones.
saludos
__________________
Aprende a Crear un blog en Wordpress desde cero. Mejores5.com
  #3 (permalink)  
Antiguo 04/08/2010, 17:21
 
Fecha de Ingreso: junio-2010
Ubicación: Cali
Mensajes: 22
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Menu scroll horizontal desplegable

Te juro que he buscadoo y rebuscadoo, he hecho hasta hibridos y nada no se puede, busque en todas las webs de css que existen y no =(
  #4 (permalink)  
Antiguo 05/08/2010, 15:50
 
Fecha de Ingreso: febrero-2008
Mensajes: 294
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Menu scroll horizontal desplegable

Es que lo que quieres no lo vas a encontrar hecho. En link quete di puede servirte parahacer el menu estilo acordion o como lo quieras, pero para hacer aparecer datos de tu base de datos, ahi tienes que usar tu programacion y agregar los estilos del menu.
__________________
Aprende a Crear un blog en Wordpress desde cero. Mejores5.com
  #5 (permalink)  
Antiguo 05/08/2010, 16:17
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Menu scroll horizontal desplegable

Holas...

hace unos dias tenia q hacer algo similar y esto es lo q use de referencia

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <title>Prueba vertical</title>
  5. <script type="text/javascript" language="javascript" src="jquery.js"></script>
  6. <script type="text/javascript">
  7. $(document).ready(function()
  8. {
  9.     $("#secondpane p.vertical_head").mouseover(function()
  10.     {
  11.          $(this).css({backgroundImage:"url(down.png)"}).next("div.vertical_body").slideDown(500).siblings("div.vertical_body").slideUp("slow");
  12.          $(this).siblings().css({backgroundImage:"url(left.png)"});
  13.     });
  14. });
  15. <style type="text/css">
  16. body {
  17.     margin: 10px auto;
  18.     font: 75%/120% Verdana,Arial, Helvetica, sans-serif;
  19. }
  20. .vertical_list {   
  21.     width: 150px;
  22. }
  23. .vertical_head {
  24.     padding: 5px 10px;
  25.     cursor: pointer;
  26.     position: relative;
  27.     margin:1px;
  28.     font-weight:bold;
  29.     background: #eef4d3 url(left.png) center right no-repeat;
  30. }
  31. .vertical_body {
  32.     display:none;
  33. }
  34. .vertical_body a{
  35.   display:block;
  36.   color:#006699;
  37.   background-color:#EFEFEF;
  38.   padding-left:10px;
  39.   font-weight:bold;
  40.   text-decoration:none;
  41. }
  42. .vertical_body a:hover{
  43.   color: #000000;
  44.   text-decoration:underline;
  45.   }
  46. </head>
  47.  
  48.   <div class="vertical_list" id="secondpane"> <!--Code for vertical starts here-->
  49.         <p class="vertical_head">Header-1</p>
  50.         <div class="vertical_body">
  51.         <a href="#">Link-1</a>
  52.          <a href="#">Link-2</a>
  53.          <a href="#">Link-3</a>
  54.         </div>
  55.         <p class="vertical_head">Header-2</p>
  56.         <div class="vertical_body">
  57.             <a href="#">Link-1</a>
  58.          <a href="#">Link-2</a>
  59.          <a href="#">Link-3</a>
  60.         </div>
  61.         <p class="vertical_head">Header-3</p>
  62.         <div class="vertical_body">
  63.           <a href="#">Link-1</a>
  64.          <a href="#">Link-2</a>
  65.          <a href="#">Link-3</a>        
  66.        </div>
  67.   </div>  
  68.  
  69. </body>
  70. </html>

no se como ponerte el jquery mejor te pongo la version y te la descargas es la 1.2.3 o sino me dices una forma de pasartelo

Saludos.. espero q te sirva
  #6 (permalink)  
Antiguo 10/08/2010, 11:14
 
Fecha de Ingreso: junio-2010
Ubicación: Cali
Mensajes: 22
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Menu scroll horizontal desplegable

Hola, si ya se que no lo encuentro hecho, lo he intentado haciendolo con js, coji un slideshow y lo acomode a la necesidad, funciona a las mil maravillas en Firefox anexandole el menu desplegable, pero en IE ya no me funciona si le agrego el otro menu; y aparte de todo el tiene un codigo en el div que le dice que tiene cierta altura para ver lo que se encuentra dentro, haciendo que el menu desplegable no se vea, de la unica forma que logro visualizarlo es colocando el height mas grande, pero esto ocuparia mucho espacio =S y quedaria mal.

TheDark03, seria de gran ayudaaaa ;)

Igual gracias a todos por tomarse el tiempito de ayudarme :)
  #7 (permalink)  
Antiguo 10/08/2010, 12:31
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Menu scroll horizontal desplegable

Hola... antes te deje un ejemplo con el codigo necesario para desplegar el menu al pasar el mouse x el hipervinculo.. solo te faltaria implementar un scroll y ya q todo esta dentro de un contenedor te sera mas facil...

Saludos DTB...

mira implementa el scroll y te voy ayudando de a pocos OK... aunque eso ya no seria css :S
  #8 (permalink)  
Antiguo 10/08/2010, 13:00
 
Fecha de Ingreso: junio-2010
Ubicación: Cali
Mensajes: 22
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Menu scroll horizontal desplegable

Chanfle, no creo que pertenezca a este foro mas me tocara trastearme con mis catres para Javascript. Bueno será.

Etiquetas: desplegable, horizontal, scroll
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 20:45.