17 noviembre 2011

Excelente Generador Online de Listones 3D

Excelente herramienta para el diseño que nos permite crear listones, a los que podrás agregar sombras si quieres, solo seleccionas el estilo del listón, defines las medidas y colores, y te generará el código (CSS y HTML)  para luego usarlo donde lo necesites.

Estos son los estilos de los listones que puedes crear:

Generador de listones


El principio es muy sencillo, y la clave es crear los triangulitos que van en los extremos del bloque frontal, para darle esa apariencia de listón.

El CSS de los listones es compatible con la mayoría de los navegadores, incluyendo Internet Explorer, excepto la versión 6, el problema en esa versión del navegador son los triángulos, pero con una simples lineas podemos hacer que los divs del triangulitos no se vean ahí:

<!--[if IE 6]>
<style type="text/css">
...aquí los divs de los triangulitos, y le ponemos display:none...</style>
<![endif]-->


Simplemente me encanta y seguramente a ti también!


Enlace| css3d.net


No olvides suscribirte, para recibir todas mis actualizaciones, directamente a tu email.

Ingresa tu correo electrónico:

Recuerda confirmar tu suscripción, haciendo click en el enlace que recibirás por email.

2 comentarios:

  1. Hola, pero ello se pone para los titulos de los gadgets, etiquetas...?

    Mi blog:http://tutoriales-blog.blogspot.com

    Saludos

    ResponderSuprimir
  2. Hola Jose, este es solo el generador, y no explico donde ponerlos específicamente. Se pueden poner en muchas partes, como el el título de los gadgets, o cualquier otro div o sección dependiendo del diseño.

    Buen día!

    ResponderSuprimir