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

Menú superior flotante

Estas en el tema de Menú superior flotante en el foro de Diseño web en Foros del Web. En Wordpress se ha puesto de moda un menú superior flotante que aparece cuando movemos abajo el scroll, de forma que el menú superior de ...
  #1 (permalink)  
Antiguo 01/11/2015, 01:51
 
Fecha de Ingreso: noviembre-2009
Mensajes: 278
Antigüedad: 14 años, 4 meses
Puntos: 2
Menú superior flotante

En Wordpress se ha puesto de moda un menú superior flotante que aparece cuando movemos abajo el scroll, de forma que el menú superior de una página se pierde pero aparece otro sustitutorio. Así el que navega tiene acceso siempre al menú aunque esté con el scroll totalmente bajado.

Yo hacía algo parecido con Dreamweaver usando marcos (aunque el menú era fijo, no flotante).

Ahora que Dreamweaver CS6 no tiene marcos:

¿Se puede hacer ese menú flotante con Dreamweaver?.
¿Cómo?.
  #2 (permalink)  
Antiguo 01/11/2015, 06:44
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 9 meses
Puntos: 263
Respuesta: Menú superior flotante

si se puede todo esta en css, aqui un ejemplo y se puede mejorar con jquery:

Código HTML:
Ver original
  1. .menu{
  2.     background-color:rgba(0,0,0,0.64);
  3.     color:#00BDE4;
  4.     position:fixed;
  5.     top:0;
  6.     height:100px;
  7.     width:100%;
  8. }
  9. .contenedor{
  10.     height:2450px;
  11.     width:100%;
  12.     margin-top:100px;
  13.     background-color:#00437B;
  14.     color:#E3E3E3;
  15.  
  16. }
  17. <div class="menu">
  18. ESTE ES EL MENU
  19. </div>
  20. <div class="contenedor">
  21. AQUI LOS DATOS
  22. </div>
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 02/11/2015, 00:30
 
Fecha de Ingreso: noviembre-2009
Mensajes: 278
Antigüedad: 14 años, 4 meses
Puntos: 2
Respuesta: Menú superior flotante

Gracias por la aportación.

Tardaré alguos días en escribir ese código (estoy publicando ahora dos páginas personales para diez dias). A ver si encuentro dos horas libres.

Pero lo que me has escrito es una hoja de estilos.

¿No hay un comando que haga bajar el menú cuando tire el scroll abajo y que lo recoja al subir el scroll hasta arriba?
  #4 (permalink)  
Antiguo 02/11/2015, 05:14
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 9 meses
Puntos: 263
Respuesta: Menú superior flotante

utiliza jquery para aplicarle efectos, aunque con css puedes aplicarle transisiones
__________________
[email protected]
HITCEL

Etiquetas: dreamweaver, flotante, superior
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 17:07.