MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda



SYAMSUDINNAMAKU telah hadir

KUNJUNGI CHANNEL YOUTUBE SAYA

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 : 




     KOMENTAR ANDA SANGAT BERARTI
UNTUK PERKEMBANGAN BLOG INI KE DEPAN


2 comments:

Radira mengatakan...

nice info. thanks ^^)

Syamsudinnamaku mengatakan...

jangan cuma NICE doank donk nenk,
"ruang sahabat" nungguin tuh ...

Posting Komentar