Foros del Web » Creando para Internet » CSS »

[APORTE] Menu CSS Animado

Estas en el tema de [APORTE] Menu CSS Animado en el foro de CSS en Foros del Web. Hola que tal Amigos del foro. Como dice el titulo esto no se trata de una duda que necesite respuesta urgente, se trata de mi ...
  #1 (permalink)  
Antiguo 18/01/2010, 09:27
 
Fecha de Ingreso: diciembre-2009
Ubicación: Santa Marta
Mensajes: 15
Antigüedad: 14 años, 4 meses
Puntos: 1
Información [APORTE] Menu CSS Animado

Hola que tal Amigos del foro.

Como dice el titulo esto no se trata de una duda que necesite respuesta urgente, se trata de mi primer aporte a la web sobre un Menú en CSS "animado", lo he llamado asi ya que cuenta con una pequeña animacion de una imagen gif.

Aparte de usar CSS usa una pizca de Javascript Lo bueno de este menú que he creado es que es 100% MODIFICABLE!, el fondo, el color de letra,etc. mediante el archivo css de respesctivo menu...

Como se ve en la Imagen, he puesto 4 ejemplos y solo cambie el color en cada uno, usando simplemente una pequeña imagen gif:




Enlace: [URL="http://menucss.webjk.co.cc"]Menu CSS Animado[/URL].


Navegadores en los cuales ha sido probado el menú:
- IE8
- Mozilla Firefox

(Si usas cualquier otro navegador por favor dime si te sirvio bien o si tiene mal funcionamiento)

Ademas, si tienen alguna idea para mejorarlo o cualquier aporte, comenten!

Agradezco a todos los del foro por todo lo que he aprendido con ustedes, en sus faqs, en sus respuestas ya concretadas,etc. aunque hasta hace poco fue que decidí ingresar

Saludos.
Excelente Foro .




EDITO:

- Links Arreglados (Gracias al aviso de Alexk)

Última edición por Quarterback; 19/01/2010 a las 15:35 Razón: Link dañados
  #2 (permalink)  
Antiguo 18/01/2010, 10:51
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: [APORTE] Menu CSS Animado

nose me da la apariencia de algo viejito jeje... pero se agradece chau!...

------------------------------------------------------------------------------------
ahora lo que me llamo la atencion
<table>
:S
<td><div></div></td> :S
<a><div></div></a> :S
id="normal" y otras ID se repiten... es mejor usar class="normal" si estas se van a repetir

y la imagen esta muy alta si solo ese efecto tendra...

y por alguna extraña razon le doy click y ya no anda la animacion jeje...
y no me puedo bajar el menu...
__________________
Toroflix - movies.
  #3 (permalink)  
Antiguo 19/01/2010, 15:27
 
Fecha de Ingreso: diciembre-2009
Ubicación: Santa Marta
Mensajes: 15
Antigüedad: 14 años, 4 meses
Puntos: 1
Respuesta: [APORTE] Menu CSS Animado

Seguro, disculpa por tener los links rotos :S Muchas gracias por decirme

Ah, y veré si puedo modificar tantos IDs y reemplazar por class...
lo que pasa es que me he acostumbrado a usar el ID para dar estilo a objetos como imagenes, tablas, etc, mientras que uso las class para los textos y parrafos...

Agradezco el consejo :)

EDITO: "Divs" por "IDs" jaja

Última edición por Quarterback; 19/01/2010 a las 18:27
  #4 (permalink)  
Antiguo 19/01/2010, 18:12
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: [APORTE] Menu CSS Animado

div? class?

ID = #
CLASS = .

un ID es unico y no se repite da igual si son div, span...

Te recomiendo
Validador HTML
Validador CSS
chau!
__________________
Toroflix - movies.
  #5 (permalink)  
Antiguo 19/01/2010, 18:25
 
Fecha de Ingreso: diciembre-2009
Ubicación: Santa Marta
Mensajes: 15
Antigüedad: 14 años, 4 meses
Puntos: 1
Respuesta: [APORTE] Menu CSS Animado

Seguro, estaba confundido jaja


reemplaza los lugares donde dije "div" por "ID" jajaja...

Es que ya llevo tiempo de no estar en el PC, ultimamente he tenido mucho trabajo y pss ya he perdido algo de prctica; ademas cuando te respondia estaba en el trabajo :=D

Gracias por los links :=)

Etiquetas: aportes, animados
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 19:25.