Incluye en tu entrada una área de texto transparente

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original. 

Textarea transparente, sin bordes, incrustada en el post

Como el título dice, esto es una textarea, también llamada caja de texto. La única diferencia que tiene con respecto a la textarea normal, es que esta no tiene bordes y que en ella podemos incluir todo un párrafo, incluso un post entero...

Este es el código:

<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 410px; height: 160px;"><div align="left"><span >
AQUI EL TEXTO O POST
</span></div></pre></div>

Lo incluyes en una entrada, si necesitas acortar un gran párrafo o si quieres "recojer" un código por ejemplo.

También podrías poner imagenes con el texto, y que todo esté dentro de la textarea, para ello debes usar este código:

<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 410px; height: 160px;"><div align="left"><span >
<img src="URL DE LA IMAGEN"/>AQUI EL TEXTO O POST
</span></div></pre></div>

Y así sería el resultado...

> Solo con texto:

Aquí podrás escribir todo lo que necesites, todo lo que quieras, puedes poner algún aviso, algún código...
Escribas lo que escribas, por muy largo que sea, ocupará el tamaño de la textarea, haciendo que el post no quede demasiado largo :-D

> Con imagen y texto:

Aquí podrás escribir todo lo que necesites,
todo lo que quieras, puedes poner algún aviso, algún código...
Escribas lo que escribas, por muy largo que sea, ocupará el tamaño de la textarea,
haciendo que el post no quede demasiado largo :-D

Si quieres editar los valores, atiende a estas definiciones :-D

<div align="center"> Esto es la posición de la caja (center, que significa centrado) si quieres ponerla a la izquierda, escribe left y si la quieres a la derecha, escribe right.

width: 410px; Esto es el ancho de la caja, puedes personalizarlo a tu gusto, subiendo o bajando las cifras para agrandar o encojer la caja.

height: 160px; Esto es el alto de la caja, puedes personalizarlo a tu gusto, subiendo o bajando las cifras para alargar o encojer la caja.

¡Suerte!