Mempercantik textarea

Diposting oleh Hizrian di 19.29 | Jumat, 09 Juli 2010 | 15 komentar

Selamat membaca artikel diblog ini semoga bermanfaat :)

Setelah menulis post Cara membuat textarea,Cara membuat select all pada textarea, Dan Cara membuat select all otomatis pada textarea sekarang saya akan membahas cara "Mempercantik textarea"
Berikut contoh dan kodenya:
<textarea name="code" rows="3" cols="20" style="background: #FF00FF; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> Kode </textarea>
<textarea name="code" rows="3" cols="20" style="background: #FF00FF; color: #FFFFFF; border: 3px solid #FF7F00; line-height: 1.5em; padding: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;"> Kode </textarea>
<textarea name="code" rows="3" cols="20" style="background: #FF00FF; color: #FFEFF9; border: 10px outset #FF7F00; line-height: 1.5em; padding: 5px;"> Kode </textarea>
<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px;"> Kode </textarea>

Untuk belajar dasar dasar mempercantik textarea baca:

Rounded Corner (Sudut melengkung)

Macam macam border 1

Kode warna

15 komentar :

BeDa mengatakan...: Cantiknya... (upin ipin mode on)
Paling suka yang kedua. Tanpa sudut. Lebih elegan.

Salam ukhuwah; 9 Juli 2010 pukul 20.43
Parenting mengatakan...: Keren. bikin blog makin menarik; 9 Juli 2010 pukul 20.49
Belajar SEO mengatakan...: Wah, keren-keren jadinya :D; 9 Juli 2010 pukul 21.22
jaya mengatakan...: wah siip banget, banyak pilihan ni..
keren-keren sob...

salam blogger; 9 Juli 2010 pukul 21.32
Anonim mengatakan...: wah, g pertamaxxx nih gw.........; 9 Juli 2010 pukul 22.19
Unknown mengatakan...: Nice article brother...; 9 Juli 2010 pukul 23.14
Hizrian mengatakan...: terima kasih atas kunjungannya; 9 Juli 2010 pukul 23.38
CongCot mengatakan...: ane pake kode css, text area belum pernah coba,,, save dulu nich; 10 Juli 2010 pukul 19.28
Unknown mengatakan...: .owh, text area ya...bedany ama blockquote apa???; 10 Juli 2010 pukul 20.01
Lutfi Setiyawan mengatakan...: sippp, aku juga pny nih ^_^ tapi pake gambar di Cool Text Area . contohnya udah aq hapus tapi, ^_^
tapi simpelan punya qm sob :D; 10 Juli 2010 pukul 20.08
KangTiar mengatakan...: wahhhhh,,,,manthap nih. Terima Kasih atas Infonya; 10 Juli 2010 pukul 20.28
Arda mengatakan...: wah langsung ane coba di blog baru ane,,, thanks sob.....; 10 Juli 2010 pukul 21.27
PIK Remaja Al-Hikmah mengatakan...: Kerend banget broo, ku tertarik nich..
langsung coba ach...
makasih broo; 10 Juli 2010 pukul 21.30
Hizrian mengatakan...: Makasih atas kunjungannya; 10 Juli 2010 pukul 21.47
David Villa mengatakan...: Wah,,, ini sangat keren mas... di inget ah.. Waktu itu aku nyari ga ada. eh ketemunya disini.. sips; 10 Juli 2010 pukul 23.03