TextArea 3 Keren

dede wandi    21.06    blog    1 comment   

Melanjutkan posting sebelumnya " Membuat Text AreaPaling Keren 2 ", berikut ini ada 8 macam model textarea yang mudah-mudahan bisa menjadi pilihan buat anda, khususnya para pengunjung
setia blog ini. Inilah ke-delapan model tersebut :

1 :

<textarea cols="48" name="code" rows="4" style="-moz-border-radius: 0px 0px 0px 0px; background: none repeat scroll 0% 0% rgb(255, 240, 255); border-color: rgb(204, 0, 255); border-style: solid; border-width: 1px 5px 5px 1px; color: #cc00ff; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

2 :

<textarea cols="50" name="code" rows="4" style="-moz-box-shadow: 0pt 1px 10px rgb(0, 255, 0); background: -moz-linear-gradient(center top , rgba(255, 255, 204, 0.9), rgba(255, 255, 0, 0.9)) repeat scroll 0% 0% transparent; border: 2px outset rgb(0, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI

3 :

<textarea cols="50" name="code" rows="4" style="-moz-border-radius: 8px 8px 8px 8px; -moz-box-shadow: 0pt 1px 10px rgb(255, 255, 0); background: -moz-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 0)) repeat scroll 0% 0% transparent; border: 2px outset rgb(255, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI

MODEL 4 (EMPAT) :

<textarea cols="38" name="code" rows="4" style="-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background: none repeat scroll 0% 0% rgb(255, 255, 175); border-color: rgb(127, 69, 0); border-style: dotted ridge; border-width: 2px; color: brown; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

5 :

<textarea cols="38" name="code" rows="4" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border-color: rgb(41, 95, 0); border-style: dashed solid solid dashed; border-width: 2px; color: #295f00; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

6 :

<textarea cols="37" name="code" rows="4" style="background: none repeat scroll 0% 0% rgb(200, 255, 255); border-color: rgb(0, 255, 255); border-style: solid ridge ridge; border-width: 3px 5px 5px; color: blue; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

7 :

<textarea cols="37" name="code" rows="4" style="-moz-border-radius: 0px 0px 10px 10px; background: none repeat scroll 0% 0% rgb(0, 255, 255); border-color: rgb(0, 0, 255) rgb(255, 0, 0); border-width: 5px; color: blue; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

8 :

<textarea cols="36" name="code" rows="4" style="background: none repeat scroll 0% 0% rgb(170, 255, 0); border-color: rgb(255, 0, 0); border-style: none solid solid groove; border-width: 15px 0px 3px 15px; color: green; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

KETERANGAN :

Untuk mengubah ukuran tetxarea-nya,
ubahlah pada cols="..." & rows="..."