Cómo insertar una caja de texto con imagen de fondo

¡ 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.

Anteriormente expliqué cómo poner textareas (cajas de texto) con un fondo de imagen, para personalizarlas un poco más. Para hacer el truco había que incluir valores en el CSS de la plantilla.

Ahora te explicaré cómo hacerlo sin tener que tocar la plantilla, copiando y pegando directamente el código...

Este es el código que debes usar:

<form>
<textarea cols="48" rows="3" style="background-image: url(URL DE TU IMAGEN DE FONDO); color: rgb(255, 255, 255); font-weight: bold; font-size: 12pt;">AQUI VA TU TEXTO O CÓDIGO</textarea>
</form>

Debes incluir lo siguiente:

URL DE TU IMAGEN DE FONDO: dirección (URL) de tu imagen de fondo.

AQUI VA TU TEXTO O CÓDIGO: escribe el texto o el código que deseas mostrar en la textarea.