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

Crear un menu estilo pestañas

Estas en el tema de Crear un menu estilo pestañas en el foro de Diseño web en Foros del Web. Como crear un menu como este MENU en DreamWeaver 8. Gracias!...
  #1 (permalink)  
Antiguo 13/06/2009, 16:26
Avatar de juaco14  
Fecha de Ingreso: mayo-2009
Mensajes: 185
Antigüedad: 8 años, 7 meses
Puntos: 1
Crear un menu estilo pestañas

Como crear un menu como este MENU en DreamWeaver 8.
Gracias!
  #2 (permalink)  
Antiguo 13/06/2009, 16:36
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Crear un menu estilo pestañas

http://araudi.net/ejemplos/menus_desplegables_CSS.html
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 13/06/2009, 18:00
Avatar de juaco14  
Fecha de Ingreso: mayo-2009
Mensajes: 185
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Crear un menu estilo pestañas

Gracias pero no esos menues desplegables, sino los del ejemplo que puse.
  #4 (permalink)  
Antiguo 13/06/2009, 18:25
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Crear un menu estilo pestañas

Pues sinceramente no se a que menú te refieres
__________________
No diseñes usando tablas.
  #5 (permalink)  
Antiguo 13/06/2009, 18:40
Avatar de juaco14  
Fecha de Ingreso: mayo-2009
Mensajes: 185
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Crear un menu estilo pestañas

Aqui - http://forums.creativecow.net/
  #6 (permalink)  
Antiguo 13/06/2009, 18:45
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Crear un menu estilo pestañas

Y no puedes poner una imagen o algo, es que realmente nos e a que te refieres
__________________
No diseñes usando tablas.
  #7 (permalink)  
Antiguo 13/06/2009, 20:59
Avatar de juaco14  
Fecha de Ingreso: mayo-2009
Mensajes: 185
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Crear un menu estilo pestañas



Ese menu
  #8 (permalink)  
Antiguo 14/06/2009, 04:24
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: Crear un menu estilo pestañas

Hola:

En la página de Mikmoro, www.araudi.net tienes tres ejemplos de navegación por pestañas, a ver si te sirve alguno de ellos.

Saludos.

  #9 (permalink)  
Antiguo 14/06/2009, 07:44
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Crear un menu estilo pestañas

Hola Juaco14
Sólo es cuestión de ver su código (con firefox + firebug es reálmente sencillo)

Tomemos un elemento cualquiera del menú, su código en el html es:
Código html:
Ver original
  1. <td onclick="document.location='http://reels.creativecow.net/'" onmouseout="this.className='nav';" onmouseover="this.className='navover';" class="nav"><a style="color: rgb(0, 0, 0);" href="http://reels.creativecow.net/">REELS</a></td>
Dejamos para otro momento el que usa tablas y eventos (y lo sencillo que sería con con css)

en mouseout aplica la clase ".nav" donde tiene definido el fondo naranja
Código css:
Ver original
  1. .nav {
  2. background-image:url(http://wwwi.creativecow.com/docs/wrapper/images/bg_n_a.gif);
  3. background-position:right center;
  4. background-repeat:repeat-x;
  5. }
y el cambio del fondo de naranja a blanco lo realiza con "onmouseover" aplicando la clase ".navover":
Código css:
Ver original
  1. .navover {
  2. background-image:url(http://wwwi.creativecow.com/docs/wrapper/images/bg_no.gif);
  3. background-repeat:repeat-x;
  4. color:#513F1D;
  5. }

Simple pero con sus peligros. Como te decía: una lista y sus elementos
<u><li><a....>..</a></li></ul>
y en vez de eventos directamente el css sobre "a" y "a:hover"

Un saludo.

P.D.: la información anterior es facilitada con un único fin: Educativo. Esto es, explicar y ejemplificar las distintas formas de hacer un menú y su funcionamiento. Recuerda que esa página y sus contenidos está bajo: © CreativeCOW.net All rights are reserved.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 16:25.