Pownce: No public Pownce messages.

Agrega tu enlace

Menú con imagen y CSS Publicada el Lunes 27 de Marzo de 2006 a las 11:33 pm por Infected-FX

image

Siempre es bueno tener como opción un menú con imágenes ya sea por el diseño por que queremos que se vea de manera distinta, etc… etc.. etc… puede haber mil formas para que al fin ocupemos un menú con imágenes.

La ventaja de utilizar este tipo de menú es que solo se necesita una imagen que contenga los 3 estados, a esto me refieron con normal, over y activo. Pueden ver el ejemplo del tutorial aquí

image

Todo se basa en comprender las medidas de nuestra imagen que conforma el menú, un ejemplo de como lo hicimos se los pongo en la parte de arriba, pero si se descargan el tutorial viene explicado por partes.

Download Tutorial

Otras entradas relacionadas


4 Trackbacks a este post

  1. Orken Weblog
    Abril 12, 2006 a las 07:59 pm
  2. Infected-FX » Cambia el tamaño de tus textos dinámicamente
    Abril 28, 2006 a las 04:39 pm
  3. Menu horizontal em lista com Imagens « Blog do kraudio
    Marzo 30, 2007 a las 10:43 pm
  4. Ahmet Küçükoğlu » CSS ve JS Yatay Menüler
    Noviembre 23, 2007 a las 07:59 am

9 comentarios

  1. jorturos
    Marzo 28, 2006 a las 2:46 am

    Muy bueno. Lo unico que falta es saber como va alternandose la class=”clurrent” de cada uno.

    He estado mirando pero no lo encuentro.

    ¿Como se haria?

  2. Eden
    Marzo 28, 2006 a las 9:32 am

    me cago en la leche lo he visto en tantos sitios y ahora me doy cuenta ke lo ke hace es mover la imagen arriba y abajo! ke ingenioso!!
    gracias!

  3. obed
    Marzo 28, 2006 a las 10:37 am

    Dos palabras: “Muy chido”, se ven muy bonitos los menús

  4. HomeroFX
    Marzo 28, 2006 a las 8:45 pm

    genial bro >_

  5. Infected-FX
    Marzo 29, 2006 a las 2:02 am

    jorturos: Es que son páginas distintas brother, entonces a cada una dependiendo de cuál sea le pongo la clase current manualmente.

    Eden: Si brother, es muy usado y muy útil solo que no había encontrado una forma de explicarlo.

    Obed: Mil gracias ojalá te sea útil.

    HomeroFX: Que milagro mi hermano, que bueno que te gustó!

  6. marttinkaz
    Abril 9, 2006 a las 7:47 pm

    hola man una pregunta como podria agregar ese menu en el top de un foro phpbb con el theme que trae por defecto el mismo… gracias!!!

    y … VOLVI!!! :D

    esperando los foros ;)

  7. cLaK
    Enero 17, 2007 a las 3:33 pm

    Hola que tal esta excelente el tutorial, pero alguien me podría decir como hacerle para una imágen en la cual los tamaños de las cajas de los links son diferentes?? Ya que en este pues todas las cajas de links tiene la misma altura y el mismo ancho, ya le estuve intentando y x más ke intento no puedo si alguien me pudiera auyudar se lo agradeceria, saludos…

  8. BeStMaker
    Octubre 17, 2007 a las 8:03 pm

    Hallo hongo!

    Tb tenia la observación de “current”; porque he practicado usando DW, y guarde el menu como una libreria… que la incruste a mi plantilla principal… pero ahora por lo que te entiendo en tu respuesta… debería crear 4 librerias para cada seccion, con la variacion mencionada?

  9. Rafael
    Enero 16, 2008 a las 11:21 pm

    Ótimo gostei muito, parabéns.

Agregar comentario

*

*

XHTML: Puedes usar los siguientes tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Aumentar ↓ | Disminuir ↑

Sindica este sitio usando RSS

Recuerda que si quieres mantenerte informado y recibir nuestras actualizaciones agrega nuestro feed a tu lector favorito y podrás darle seguimiento a nuestro sitio.