Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: Kase en 15 Noviembre 2012, 07:44 AM

Título: borde de un div decorado...
Publicado por: Kase en 15 Noviembre 2012, 07:44 AM
(http://img856.imageshack.us/img856/2432/capturadepantallade2012s.png)

alguien tiene idea de si es posible con html5 y css3 hacer este tipo de decorados? me refier a la ¿muesca? azul del div.  se hacerlo con imagenes, pero la verdad entre  editar una pekeña imagen y subirl al servidor y poner el link, y que luego el color no coincida  a escribir codigo css3 prefiero  escribir el codigo.. xD
Título: Re: borde de un div decorado...
Publicado por: #!drvy en 15 Noviembre 2012, 07:49 AM
Código (url) [Seleccionar]
http://www.sitepoint.com/pure-css3-ribbons/

También tienes un generador.
Código (url) [Seleccionar]
http://www.css3d.net/ribbon-generator/

Saludos
Título: Re: borde de un div decorado...
Publicado por: Kase en 15 Noviembre 2012, 09:28 AM
gracias.. al final solo use un generador d triangulos

Citar<div style='position: absolute;left: 250px;top:80px;width: 0px;height: 0px;border-style: solid;border-width: 10px 10px 0 0;border-color: #236875 transparent transparent transparent;'></div>

y le di posicion absuluta a la esquina inferior del div padre...

funciono perfecto..   me oriento bastante tu ayuda..