granted - cuadros de texto

cuadros de texto

https://img.webme.com/pic/g/granted/cuadrosde.png

Hola amigos hoy les traigo un nuevo código que circulan por las web's, hoy se los traigo a ustedes les traigo de varios colores y formas espero que este nuevo código sea de gran ayuda para sus web's!

Instrucciones:

1.-Copiar el código de tu gusto .
2.-Dirigete a tu kit de construcción de tu web.
3.-Dirigete a controlar páginas.
4.-Buscas una página que te agrade o donde desees poner el código.
5.-Editas lo que esta en las comillas "Cuadro de texto ROJO - Cuadro por GranteD! - www.granted.es.tl", lo sustituyes por el texto que quieras.
5.-Da clic en Guardar y listo.

TIPO DE CUADRO	CÓDIGO
Cuadro de texto ROJO - Cuadro por GranteD! - www.granted.es.tl	<style type="text/css"> .cuadrorojo { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadrorojo { background-color: #F65050; background-image: url(http://i54.tinypic.com/3004bcl.png); color: #000000; border:2px solid #920707; border-radius: 5px 5px 5px 5px; } </style> <div class="cuadrorojo">Cuadro de texto ROJO - Cuadro por GranteD! - www.granted.es.tl</div>
Cuadro de texto AMARILLO - Cuadro por GranteD! - www.granted.es.tl	<style type="text/css"> .cuadroamarillo { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadroamarillo { background-color: #F9D937; background-image: url(http://i54.tinypic.com/wu12lj.png); color: #000000; border:2px solid #DF7401; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroamarillo">Cuadro de texto AMARILLO - Cuadro por GranteD! - www.granted.es.tl</div>
Cuadro de texto AZUL - Cuadro por GranteD! - www.granted.es.tl	<style type="text/css"> .cuadroazul { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadroazul { background-color: #52ECFF; background-image: url(http://i54.tinypic.com/11t8pzq.png); color: #000000; border:2px solid #046E7C; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroazul">Cuadro de texto AZUL - Cuadro por GranteD! - www.granted.es.tl</div>
Cuadro de texto VERDE - Cuadro por GranteD! - www.granted.es.tl	<style type="text/css"> .cuadroverde { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadroverde { background-color: #72FF79; background-image: url(http://i51.tinypic.com/9qcsir.png); color: #000000; border:2px solid #0E8C15; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroverde">Cuadro de texto VERDE - Cuadro por GranteD! - www.granted.es.tl</div>
Cuadro de texto NEGRO - Cuadro por GranteD! - www.granted.es.tl	<style type="text/css"> .cuadronegro { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadronegro { background-color: #A4A4A4; background-image: url(http://i54.tinypic.com/jfvxc0.png); color: #000000; border:2px solid #242424; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadronegro">Cuadro de texto NEGRO - Cuadro por GranteD! - www.granted.es.tl</div>

TODOS LOS CUADROS DE TEXTOS ESTAN PROBADOS POR MÍ " SI ALGUNO TIENE UN ERROR " FAVOR DE REPORTARLO EN CONTACTO!