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.



Éstos son los estilos de los listones que puedes crear:

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 te encantará!



Enlace| css3d.net