Kumpulan Text kotak Text Area Cantik di Blog

Oleh Rusydi

Jun 14, 2012

Bagikan :

Tweet

Cara membuat kotak text area cantik dan keren - Anda merasa bosen dengan text area tersebut, jika bosen ubahlah suasana text area tersebut dengan yang anda inginkan, Oke langsung aja ke Berikut ini ^_^

Jika anda ingin membuat textarea maka pilihlah sesuai dengan keinginan anda!!

<br /><textarea name="code" rows="3" cols="40" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBA DISINI </textarea>


<textarea name="code" rows="3" cols="40" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 40px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI</textarea>


<textarea name="code" rows="3" cols="40" 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;"> ISI TEKS AREA SOBAT DISINI </textarea><br /> <br /> <br />

<div><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"></div><p align="center"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text atau kode yang ingin di masukan di kotak text area di sini

<textarea name="code" rows="3" cols="40" 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;"> ISI TEXT/KODE </textarea><br /> <br />


<textarea name="code" rows="3" cols="40" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI </textarea><br />


<textarea name="code" rows="3" cols="40" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE </textarea>



Semoga Postingan ini bermanfaat

Tag : Blogger