8.1.12

Cara Membuat Text Area Berbagai Macam Script

1/08/2012  Try Pw  No comments

Berikut ini adalah cara membuat text area untuk ditempatkan pada postingan maupun widget pada blog.

- Text Area Standard
Di bawah ini merupakan script pengaturan text area standard.

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text di sini</textarea></p>



Contoh


- Text Area dengan Highlight All
Dengan script di bawah anda bisa menggunakan fitur Hightlight All yang dimaksud mengcopy semua yang ada didalam kolom tex area.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="width: 180px; height: 35px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulis text di sini</textarea></p></div></form>


Contoh


- Text Area Menggunakan Background Warna
Di bawah ini merupakan script-script text area yang menggunakan background warna.
<center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> Tulis text di sini </textarea></center>


Contoh




<center><textarea name="code" rows="2" cols="42" style="background: #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"><center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center></textarea></center>

Contoh




<center><textarea name="code" rows="2" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Contoh



<center><textarea name="code" rows="2" cols="42" style="background: #F8ECE0; color: #848484; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>


Contoh





<center><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;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Contoh




Demikianlah cara membuat text area, dan masih banyak cara lagi untuk membuatnya. Tinggal bagaimana cara sobat memodifikasinya.
Semoga bermanfaat.

Kategori:

Rekomendasi Lainnya

0 komentar:

Posting Komentar

Masukan komentar anda dibawah, saya akan merasa senang bila diberi masukan. Silahkan jika sobat ingin request.please don't SPAMMING.
Terima Kasih atas pengertiannya.