Cuadros de Texto (Ayuda Web)

Cuadros de Texto

Ayuda Web Master

1.- Copiar el código de tu gusto .

2.- Dirigete a tu kit de construcción de tu web dependiendo el servidor que utilices.

3.- Dirigete a controlar crear una nueva página o al Diseño.

4.- Buscas el lugar donde desees poner el código.

5.- Editas lo que esta en las comillas "Cuadro de texto ROJO - Cuadro por Comunidad LBIP!-  www.clbip.blogspot.com", lo sustituyes por el texto que quieras.

6.- Da clic en Guardar y listo.

TIPO DE CUADRO	CÓDIGO
Cuadro de texto ROJO - Cuadro por Comunidad LBIP!-  www.clbip.blogspot.com	<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1xbVrQirh1Wr5HxYnS9gh-V2bU-6OytvTRdCcicaYWlnHTkLlX9FdTx_8Inpn0Kqo5a-2xSQCgYpG_0kVdTa48awvxLJwgfDPSXMO5WXJ4VlnhnvQryGcbP7dnPTZi8PP2BF16Rnio3Q/s1600/atencion2.png); color: #000000; border:2px solid #920707; border-radius: 5px 5px 5px 5px; } </style> <div class="cuadrorojo">Cuadro de texto ROJO - Cuadro por Comunidad LBIP!-  www.clbip.blogspot.com</div>
Cuadro de texto AMARILLO - Cuadro por Comunidad LBIP! -<www.clbip.blogspot.com	<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikilKowROMBwPGw5Djk8Ytt4_9cYKYCTL9S7GX1EAmMtYERofjPDrWBeu8BYaR2zU8Kqj4td6-fj1c3qE06QaBBgEauqPeWjJaQXJj9OWV0IQvD7lljGQFFLzwyQQI02M2hXx8b9WPVug/s1600/atencion3.png); color: #000000; border:2px solid #DF7401; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroamarillo">Cuadro de texto AMARILLO - Cuadro por Comunidad LBIP! -<www.clbip.blogspot.com</div>
Cuadro de texto AZUL - Cuadro por Comunidad LBIP! - www.clbip.blogspot.com	<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKZI6GXcD3KHUTovSacyW5xZli-0wB2BFZru-T1wsow2Ek1569KG2ng2ksJLdTIl6u0LWx7sSrD6PB6ZkLHEEAHavJHh8x5v-C91SWSfq_W2jn_hy2wynOI0x1Fl85IqzRHSla0R0Q7QY/s1600/atencion4azul.png); color: #000000; border:2px solid #046E7C; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroazul">Cuadro de texto AZUL - Cuadro por Comunidad LBIP! -<www.clbip.blogspot.com</div>
Cuadro de texto VERDE - Cuadro por Comunidad LBIP! - www.clbip.blogspot.com	<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzRF5gplfwidpKafJvir4KwfeaZuw2ZWm3ZJPdnskv2KNBAXdxLSH311tBQmPevN-LjfdD7J-7wxd4Llvo28DiLVAJ5q_9rBU3UdZSweWIB5JpVdxHAfEI_nUOncL5ci0K1yZegrKfHA/s1600/atencion5verdebien.png); color: #000000; border:2px solid #0E8C15; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroverde">Cuadro de texto VERDE - Cuadro por Comunidad LBIP! -<www.clbip.blogspot.com</div>
Cuadro de texto NEGRO - Cuadro por Comunidad LBIP! - www.clbip.blogspot.com	<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5nBGnTdj0q8o544HVN_E6cDuQ7kuVAqCVZf6oHFkEWeBa0DGeOcHDIr9yUfadUQwmnjFyZSWKfFWhESSGhR74kSdQSxEvHUBLLadfjgy_8bmGBNT5vhO21bvqkX15hz4wmQpoYRcTrE/s1600/atencion6negro.png); color: #000000; border:2px solid #242424; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadronegro">Cuadro de texto NEGRO - Cuadro por Comunidad LBIP! -<www.clbip.blogspot.com</div>