Memasang Background Text Area

Textarea adalah kotak aktif yang di gunakan untuk mempermudah pembaca untuk melakukan copy paste teks, kode atau script yang kita tempatkan di dalamnya.

Selama ini kita selalu disajikan kolom textarea yang begitu-begitu saja dengan warna putihnya. Nah kali ini aku akan berbagi untuk membuat tampilan textarea agar terlihat lebih menarik dengan menambah kan variasi backgroud.

Untuk membuatnya langsung aja copy script di dalamnya.

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 3px solid #CA3DD9; line-height: 1.5em; padding: 2px; -moz-border-radius: 7px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;">MASUKKAN ANU KAMU DISINI

<textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;">MASUKKAN ANU KAMU DISINI



<textarea style="border:2px solid;background:transparant;background-image:url(http://chenov.yn.lt/img/seksi.jpg);color:red;" rows="5" cols="20">MASUKKAN ANU KAMU DISINI



NB: Setelah memasukkan ANU KAMU tutup tag dengan kode penutup < / t e x t a r e a > (tanpa spasi)


Silahkan dicoba dan semoga bermanfaat. - Reviewer: Unknown - ItemReviewed: Memasang Background Text Area

Lihat post lainnya