| Autor |
Mensaje |
-
allpwg
Junior
|
 27-12-2011, 00:19 (UTC)
Título del mensaje: Cajas de de textos coloridas |
|
|
Hola este es mi primer aporte y les mostrare diversas cajas de texto. Empiezo.
Código: <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 -Cuandro por Allpwg.es.tl</div> Código: <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: 5px 5px 5px 5px; } </style> <div class="cuadroamarillo">Cuadro de texto AMARILLO -Cuandro por Allpwg.es.tl</div> Código: <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: 5px 5px 5px 5px; } </style> <div class="cuadroazul">Cuadro de texto AZUL -Cuandro por Allpwg.es.tl</div> Código: <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: 5px 5px 5px 5px; } </style> <div class="cuadroverde">Cuadro de texto VERDE -Cuandro por Allpwg.es.tl</div> Código: <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: 5px 5px 5px 5px; } </style> <div class="cuadronegro">Cuadro de texto NEGRO -Cuandro por Allpwg.es.tl</div>
Para utilizarlas solo copia es codigo de la que quieras, pegala en el aditor html edita donde dice :
Código: Cuadro de texto ROJO -Cuandro por Allpwg.es.tl
Clic en  y listo. ______________ [img[/img:872askjd] |
|
|
↑
|
|
 |
-
nuestrasxarlas
Semi-Experto
Ubicación: España
|
27-12-2011, 00:33 (UTC)
Título del mensaje: |
|
|
|
|
|
↑
|
|
|
-
allpwg
Junior
|
27-12-2011, 00:36 (UTC)
Título del mensaje: |
|
|
nuestrasxarlas escribió: Buen aporte all,saludos
Gracias !
______________
[img[/img:872askjd] |
|
|
↑
|
|
|
-
buzzdungeon
Destacado
Ubicación: México
|
27-12-2011, 01:49 (UTC)
Título del mensaje: |
|
|
Buen aporte amigo  ______________ /* Programador web freelance. */
/* twitter: @jfdelarosa */ |
|
|
↑
|
|
|
-
allpwg
Junior
|
27-12-2011, 01:51 (UTC)
Título del mensaje: |
|
|
buzzdungeon escribió: Buen aporte amigo
Gracias Buzz!
______________
[img[/img:872askjd] |
|
|
↑
|
|
|
-
guias-programas
Semi-Experto
Ubicación: Argentina - Bs.As
|
28-12-2011, 00:23 (UTC)
Título del mensaje: |
|
|
Buen aporte Me va a serviiir ! :D |
|
|
↑
|
|
|
-
donkey-kong-country
Junior
|
|
|
↑
|
|
|
-
allpwg
Junior
|
28-12-2011, 16:45 (UTC)
Título del mensaje: |
|
|
donkey-kong-country escribió: Estan buenos Men.
Saludos D.K.C
Gracias por tu comentario
______________
[img[/img:872askjd] |
|
|
↑
|
|
|
|
