Friday, July 29, 2011

Membuat Text Area Keren 2

Melanjutkan posting saya sebelumnya tentang Membuat Text Area Keren. Berikut kode masing-masing text area.

1. <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;">isi teks atau kode disini</textarea>

2. <textarea cols="30" name="area" rows="2" style="background: #FOF8FF; border: 2px double #ffaf; color: darkgreen; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

3. <textarea cols="30" name="area" rows="2" style="background: #A9A9A9; border: 2px dotted #006400; color: darkmagenta; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

4. <textarea cols="30" name="area" rows="2" style="background: #FF1493; border: 2px dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

5. <textarea cols="30" name="area" rows="2" style="background: #87CEFA; border: 2px groove #FF0000; color: snow; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

6. <textarea cols="30" name="area" rows="2" style="background: #D2B48C; border: 2px inset #008000; color: yellow; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

7. <textarea cols="30" name="area" rows="2" style="background: #ADFF2F; border: 2px outset #00008B; color: darkred; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

8. <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;"> isi teks atau kode disini</textarea>

9. <textarea cols="30" name="area" rows="2" style="-moz-border-radius: 20px; background: #FF69B4; border-bottom: 5px solid #008000; border-left: 4px solid #0000CD; border-right: 4px solid #FFFF00; border-top: 4px solid #FF0000; color: black; line-height: 1.5em; padding: 5px;"> isi teks atau kode disini </textarea>

Semoga Bermanfaat...


Related Post

3 comments:

  1. knp gak ada contonhnya sobb... ???
    coba ada contonhnya lebih bagus sobb ... :D

    ReplyDelete
  2. @shinoby Blog : ada koq sob..
    artikel ini lanjutan dr artikel sebelumnya. kan judulnya text area 2..silahkan sobat klik link "tentang Membuat Text Area Keren" diatas.

    ReplyDelete
  3. ilmu baru gan buat ane
    thank's ya dah share

    ReplyDelete

Mohon tinggalkan jejak/komentar sobat disini. Dilarang SPAM. Okey...