Cara Membuat Teks Area Unik dan Menarik

Tutorial Blog Pemula

Sabtu, 26 Mei 2012

4 Komentar

Bisa membuat teks area itu biasa. Tips ini pun juga sebelumnya pernah dibahas dalam postingan Tutorial Lengkap Cara Membuat Teks Area yang menjelaskan cara membuat teks area biasa, teks area highlight dan sebagainya.

Sekarang coba sobat perhatikan teks area dibawah ini :

Menarik dan cantik kan sobat? Nah, tips ini saya temukan di blog sahabat, hanya saja kebetulan url blog sahabt saya ini tidak tercatat ( hilang ), sehingga kredit narasumber artikel ini belum saya berikan.

Berikut ini adalah kode html dari teks area unik dan menarik diatas :

1.Teks Area 1...

<textarea cols="30" name="area" rows="2" style="-moz-border-radius: 10px; background: #FFFF00; border-left: 20px solid #4B0082; border: 1px solid #FF00FF; color: red; line-height: 1.5em; padding: 5px;"> TEKS ANDA DISINI</textarea>

2.Teks Area 2...

<textarea cols="30" name="area" rows="2" style="background: #A9A9A9; border: 2px dotted #006400; color: darkmagenta; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI</textarea><br />

3.Teks Area 3...

<textarea cols="30" name="area" rows="2" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #7FFF00; border: 2px ridge #0000FF; color: black; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI</textarea>

 4.Teks Area 4...

<textarea cols="30" name="area" rows="2" style="background: #FOF8FF; border: 2px double #ffaf; color: darkgreen; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI</textarea>

5.Teks Area 5...

<textarea cols="30" name="area" rows="2" style="background: #FF1493; border: 2px dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI</textarea>

Demikian sobat postingan Cara  Membuat Teks Area Unik dan Menarik.

Semoga bermanfaat ^_^.

*url narasumber hilang