√ post √ Membuat Teks Area Dengan Style Berbeda Membuat Teks Area Dengan Style Berbeda

diki kezper Blog : Sebelumnya telah dibahas mengenai pembuatan teks area secara default, untuk mengkostumisasi atau memberikan style yang berbeda dan menarik ada beberapa langkah pembuatannya dan tentu saja dengan adanya penambahan kode.

dibawah ini beberapa contoh teks area dengan kostumisasi menarik dengan style yang apik :

1. Teks Area Dengan Background Warna

<textarea name="code" rows="3" cols="42" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> Lokasi Teks atau Kode HTML Kalian</textarea>

2. Teks Area Dengan Background Gambar



<textarea div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEislmQx6CdPEMOss_f_zj1Qsmmwd56iavxZEPZzJMqXKaYiRRDHX03PwjSLF1tUuXk0pCC8NprjiJ3FHVqO4VEhLdmDaXtbhd_4OHKvMw_SB0Mxm7zJSfMeBgeCZng5QqecoFnqjl0hmQg/s1600/Lightning.gif) no-repeat scroll right bottom; border: 2px solid rgb(245, 219, 0); height: 100px; overflow: auto; padding: 5px; color: #fff; text-align: justify; width: 358px;">Lokasi Teks atau Kode HTML Kalian</textarea>



<textarea div="" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSLI6l75htrQZewWjHYkR2QbXmW2QqYYScGXQl0KvKZjmGlZErswcEC0mfZXEdSEu5r6fDLn-NboKgcHIF6epk57X23F4raCnlAitHjsPlOSA4UGfGfGPccv1RXnt1QOHyBDSDtMfZFvA/s1600/24c60yc.jpg) no-repeat scroll right bottom; border: 5px solid #146125; height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 358px;">Tuliskan Teks atau Kode HTML di sini</textarea>

Jika ingin bereksperimen teks area tersebut ditambahkan dengan tombol highlight, kalian bisa mencobanya, untuk penambahan tombol highlight sudah dibahas dipostingan sebelumnya dengan judul Pembuatan Teks Area silahkan buka halaman tersebut untuk lebih jelasnya, selamat berkreasi.

Description: √ post √ Membuat Teks Area Dengan Style Berbeda Membuat Teks Area Dengan Style Berbeda, Rating: 4.5, Reviewer: Unknown, ItemReviewed: √ post √ Membuat Teks Area Dengan Style Berbeda Membuat Teks Area Dengan Style Berbeda