Ver Mensaje Individual
  #9 (permalink)  
Antiguo 14/06/2009, 06:44
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
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? +++