Membuat Text area lebih menarik

Oke gan lanjut tutorial hari ini kita membuat text area yang menarik. oke lang sung aja ente copy dah tu kode.

Text Area dengan background warna

<br /> <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
Text Area dengan background gambar
<br /> <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/AVvXsEjUH-5FbE_vxvGzIRJvCDi6AkHPwDCUnS9M8s-1vYe0udNn7AcV7EVOr66zE0imISqATi0GM_XSf21p4KnXU9_jZxj9VpM1C6l4E-a_QtKmxCoZ8gXraaV-Wts235QGfvlaPgx-0TFXTig/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

Text Area dengan background gambar
<br /> <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/AVvXsEjLMTy7rSchyphenhyphencn0ZZ_pn8CCse70v7RqVv5GI2L-5Bmw1OOvJHJhI_FSebFGAeFnZ2l3Mmz8cV-dCvXpT-vrA1NFxqeYL4H46zYXH0HzS13n9p_h8XmkEInqj1Iap418x3m1XLYr7j7VZXs/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

Ok dah selamat mencoba...Semoga bermanfaat 

Bagikan Artikel Ini ke: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 03.13 and have 7 komentar