Kamis, 28 Juli 2011

Cara membuat kolom textarea berwarna

Kolom textarea biasa digunakan untuk menyimpan kode2 agar pengunjung bisa mengcopy kode tersebut.
Dibawah saya berikan contoh2 model kolom textarea.

Textarea dengan background berwarna

Kodenya :
<textarea name="code" style="background-color:red;cols:20px;rows:1px;">Simpan text / kode disini</textarea>

Penjelasan :
cols:20px --> cols = lebar textarea, 20px = ukuran lebar(anda bisa menggantinya)
rows:1px --> rows = tinggi textarea,
background-color:red --> warna background textarea.

Textarea dengan background gambar


Kodenya :
<textarea name="code" style="background-image:url("http://URL GAMBAR ANDA");cols:20px;rows:1px;">Simpan text / kode disini</textarea>

Textarea dengan border


Kodenya :

<textarea name="code" style="background-color:yellow;cols:20px;rows:1px;border:3px solid red;">Simpan text / kode disini</textarea>

Penjelasan:
border:3px solid red
3px = tebal border, solid=jenis border, dan red=warna border.

Share this:

Related Posts
Disqus Comments