viernes, 13 de junio de 2014

¿Cómo hacer una “cajita de texto”? #1

 ¡Hola, blogueros! Como verán en el título, con este post aprenderán a hacer una cajita de texto. Ahora bien, ¿qué es una “cajita de texto”? Bueno, principalmente es el cuadro que verán a continuación:
Hay * modelos de “cajita de texto” que les voy a mostrar.

MODELO N°1:
 Este modelo es el más simple de todos, es el “modelo común”:

Es muy fácil de insertar, miren:
Van a Entrada Redactar/[HTML] y copiás el siguiente texto:
< textarea >TEXTO< / textarea >

-o, si es que quieres que tenga el mismo tamaño que el mío:-

< textarea style="height: 90px; margin: 2px; width: 130px;">TEXTO< / textarea >

ROSA: Ahí agregás el texto que quieras dejar en la cajita.

MODELO N°2:
Este modelo ya es más “moderno” como decir algo, jaja. Hay 2 opciones para este mismo:
1.

Los pasos para insertar esta cajita son:
Van a Entrada Redactar/[HTML] y copiás el siguiente texto:
< textarea cols="15" rows="6" style="background-attachment: fixed; background-color: white; background-image: url(http://thrivecreativestudio.intothedarkroom.me/wp-1234MBNKPT/rue-blog-data/storage/asset/chevron-graywhite-9385.png); border: 2px dotted rgb(242, 50, 242); color: black; font-size: 9pt; text-align: center;" > Esta es una cajita de texto editada por mí (:< / textarea >< br / >

AZUL: Imagen de fondo de la cajita.
ROSA: Texto que quieras dejar en la cajita.
ROJO: Color del texto.

2.

Los pasos para insertar esta cajita son:
Van a Entrada Redactar/[HTML] y copiás el siguiente texto:
< textarea cols="15" rows="6" style="background-attachment: fixed; background-color: white; border: 2px dotted rgb(242, 50, 242); color: black; font-size: 9pt; text-align: center;"> ¡No te olvides de dejar tu comentario! (:< / textarea >< br / >

AZUL: Color de fondo de la cajita.
ROSA: Texto que quieras dejar en la cajita.
ROJO: Color del texto.

Créditos a AllCuteAnimal por la base de la cajita Modelo N°2, ¡gracias!

{AVISOS}
#1: A mí se me puso automáticamente “white”, pero en vez “white”, tenés que poner el código html. Te dejo el link para que puedas obtener el código del color que quieras ACÁ.
#2: Dejé espacios en los códigos para que sean visibles por completo. Borren los espacios que hay entre < > o /


¿Te sirvió el tutorial? ¿Cuál fue tu resultado? ¡Coméntalo!

Atte.
Malena

2 comentarios:

  1. ¡Hola! ^-^

    Me parece muy útil la entrada, sobretodo para los que están empezando en blogger.

    Besos.

    ResponderEliminar
  2. Hola, Malena:
    Podrías seguir escribiendo en este blog? Llevo como 2 años en Blogger pero no soy totalmente profesional, mis diseños son bastante bonitos y limpios, pero necesito saber muchas cosas más.
    Un saludo, y espero que sigas con este buenísimo blog.

    ResponderEliminar