14/7/15

Tutorial {Textareas Y Blockquotes} [Qué son y como editarlas] Estilo 1


Hola! Esta mañana amanecí horriiiblee!! Mi cuello estaba súper adolorido, menos mal que ahora estoy bien, uff. Creo que les gustará este nuevo tuto, algo interesante que ya muchos saben, pero para los que no, espero este tutorial les sirva!~

Textareas

¿Qué es una textarea? Es una cajita que por dentro esta un texto, ya sea un código, un informe o nota, lo que quieras!
 
Esta es la textarea

¿Cómo hago una textarea? Es muy fácil, solo sigue estos pasos:

1. Cuando vallas a ponerla en una entrada, dale clic a el botón de arriba que dice 'HTML':
2. Luego abajo de todo el texto que veas colocas:
<textarea> Escribe el texto aquí </textarea>
3. En donde dice 'Escribe tu texto aquí' lo editas y pones el texto que quieras, luego le das a botón redactar y listo, ya tienes tu texto.

Ahora, ¿Cómo edito la textarea?

1. Colocando código por código, así:
<textarea cols="31" rows="2" style="
background: #F5C4F1; /* Edita el color de fondo */
border: 1px solid #E3ACDE; /* Edita el borde */
color: #AB6AA5; /* Color de el texto */
overflow: hidden;"> Escribe el aquí texto que quieras </textarea>

Blockquotes

¿Qué es un blockquote? Es una caja (parecida a la textarea) pero que se edita desde Plantilla y luego en Editar HTML.

¿Cómo ponemos un blockquote? Hay un botoncito arriba en específico, es este:
  1. Le damos a ese botón
  2. Luego escribimos el texto que queramos
¿Cómo editamos el blockquote?
  1. Vamos a Plantilla > Editar HTML
  2. Buscamos (con Ctrl + F) <b:skin> y le damos clic a los puntos suspensivos de la derecha
  3. Colocamos antes de <b:skin>:
blockquote {
background: #ADE19A; /* Fondo de blockquote */
color: #FFFFFF; /* Color del texto del blockquote */
position: relative;
border-radius: 0px 7px 7px 7px; /* Radios del blockquote */
border: 1px solid #fff; /* Estilo del borde, color y grosor */
}
Y por último, editamos a nuestro gusto y guardamos.

 - - - - - - - - ¤ - - - - - - - - 

Espero les haya gustado y servido el tuto. Nos leemos!!~

No hay comentarios.:

Publicar un comentario

~No seas ofensivo
~No utilices malas palabras
~Déjame una sonrisa