Cara Membuat Text Area Berbackground Gambar Plus Select All

Mungkin anda masih ingat posting saya sebelumnya

tentang 'Cara Membuat Text Area Berbackground

Warna Plus Select All'. Pada postingan ini pun saya

masih membahas tentang text area. Kalau yang

kemarin text areanya hanya berbackground warna,

kali ini berbackground gambar dan plus select all.

Untuk itu baiknya saya mulai saja tutorialnya.

BERBACKGROUND BERGAMBAR :

<div style="background-attachment: scroll; background-color: #00FFFF; background-image: url(&quot;http://i1128.photobucket.com/albums/m486/syamsudin1/wasp_flying.gif&quot;); background-position: right bottom; background-repeat: no-repeat; border: 2px dashed rgb(153, 0, 255); height: 120px; overflow: auto; padding: 10px; text-align: left; width: 360px;">

TEXT DISINI</div>

<div style="text-align: center;">

<a href="http://syamsudinnamaku.blogspot.com/"><span style="font-size: x-small;">syamsudinnamaku.blogspot.com</span></a>

<div style="text-align: left;"></div>

<div style="text-align: left;"></div></div>

Tampilan dari kode di atas adalah :

TEKS DISINI

syamsudinnamaku.blogspot.com

BERBACKGROUND BERGAMBAR + SELECT ALL :

<form name="copy">
<div align="center">
<input onclick="javascript:
this.form.txt.focus();this.form.txt.select();" type="button" value="Copy Semua" /></div>
<div style="text-align: center;">
<textarea name="txt" style="background-image: url(&quot;http://i1128.photobucket.com/albums/m486/syamsudin1/boy_365-x-100.gif&quot;); background-repeat: no-repeat; height: 85px; padding: 5px; width: 355px;">&lt;br /&gt; &lt;br /&gt; TEKS DI SINI&lt;br /&gt; &lt;br /&gt; </textarea></div>
</form>

Tampilan dari kode di atas adalah : 

TEKS DI SINI

     KOMENTAR ANDA SANGAT BERARTI
UNTUK PERKEMBANGAN BLOG INI KE DEPAN