Text Area

Text area adalah kotak aktif yang Multi Fungsi ,bisa untuk: menempatkan teks atau kode atau script, untuk memudahkan dalam kita melakukan copy-paste [copas] kode script pada blog. Misalnya untuk script tutorial, postkan kembali backlink,link exchange, script,quotes (pernyataan) dan lain sebagainya.

kali ini Saya akan menshare bagaimana cara membuat text area dengan berbagai macam dan bentuk yang unik dan menarik tentunya,jika tertarik, bisa mengcopasnya dan berkreasi dengan warna dan bentuk sesui keinginan sendiri. Berikut ini adalah berbagai contoh dari semua Text Area:


Contoh

text area (1)

<textarea cols="57" name="code" rows="2" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(239, 245, 251); border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(1, 116, 223); border-style: solid; border-width: 1px 1px 1px 20px; color: black; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea>


Contoh

text area (2)

<textarea cols="60" name="code" rows="2" style="-moz-border-radius: 10px 10px 10px 10px; background: none repeat scroll 0% 0% rgb(224, 236, 248); border-color: rgb(1, 223, 1) rgb(1, 223, 1) rgb(254, 46, 46) rgb(254, 46, 46); border-style: solid; border-width: 4px; color: red; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI</textarea>


Contoh

text area (3)

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


Contoh

text area (4)

<textarea cols="60" name="code" rows="2" style="background: none repeat scroll 0% 0% rgb(250, 172, 88); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea>


Contoh

text area (5)

<textarea cols="60" name="code" rows="2" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: none repeat scroll 0% 0% rgb(248, 236, 224); border: 2px ridge rgb(127, 69, 0); color: #848484; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI</textarea>


Contoh

text area (6)

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


Contoh

text area (7)

<textarea name="code" rows="3" cols="60" 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>


Contoh

text area (8)

<textarea cols="60" rows="2" style="border: 2px dotted red ;">ISI TEKS / KODE SCRIPT ANDA DISINI</textarea>


Contoh

text area (9)

<textarea name="code" rows="2" cols=60">ISI TEKS / KODE SCRIPT ANDA DISINI</textarea>


Contoh

text area (10)

<textarea rows="2" cols="60" onclick="this.focus(); this.select();">ISI TEKS / KODE SCRIPT ANDA DISINI</textarea>


Contoh

text area (11)

<div align="center"> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div> <div align="center"> <textarea style="width: 400px; height: 50px" name="txt" rows="100" wrap="VIRTUAL" cols="60">ISI TEKS / KODE SCRIPT ANDA DISINI</textarea> </div> </div> </form>

Contoh

text area (12)

<form name="dark-ims"> <div align="center" style="margin-bottom: 0pt; margin-top: 0pt;"> <textarea ;="" cols="60" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 50px; width: 400px;">ISI TEKS / KODE SCRIPT ANDA DISINI</textarea></div> </form>

Okesip!! saya kira sharing kali ini cukup . . . Semoga bermanfaat!! :)