2026-06-10 16:30Berikut kode htmlnya
sekaligus contoh untuk
membuat box textarea
dengan background dan teks
berwarna:

Silakan Copy dan Paste kode
di bawah ini :

JANGAN LUPA HAPUS # PADA TULISAN <TEXT#AREA>

<textarea name="code" rows="3" cols="20" 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 </tex#tarea>
<textarea name="code" rows="3" cols="15" style="background:#600;color:#ffa;border:2px inset #00f;line-height:1.5em;padding:0 7px;">ISI TULISAN/KODE</text#area>
<textarea name="Bptxt" rows="3" cols="20" style="background:yellow; color:black;border-left: 20px solid red; line-height: 1.5em; padding: 5px;-webkit-box-shadow: 5px 5px 8px #818181;<br />-moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; ">Tulis text ataupun kode-kode yang anda ingin tampilkan di sini</text#area>
<textarea name="code" rows="3" cols="15" style="background:#0f0;color:#f00;border:2px inset #f0f;line-height:1.5em;padding:0 7px;">ISI TEXT/KODE</text#area>
<textarea name="code" rows="3" cols="15" style="background:#000;color:#fff;border:2px inset #ccc;line-height:1.5em;padding:0 7px;">ISI TEXT/KODE</text#area>
<textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE </text#area> <textarea name="code" rows="3" cols="15" style="background:#0001;color:#ffff;border:2px inset #ccc;line-height:1.5em;padding:0 7px;">ISI TEXT/KODE
<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA DISINI </text#area>
<textarea name="code" rows="3" cols="15" style="background:#660;color:#ff0;border:2px inset #900;line-height:1.5em;padding:0 7px;">ISI TEXT/KODE</text#area>
<textarea name="code" rows="3" cols="15" style="background:#f60;color:#ff0;border:2px inset #900;line-height:1.5em;padding:0 7px;">ISI TEXT/KODE</text#area>
ISI TEXT/KODE <textarea><br /><textarea name="code" rows="3" cols="15" style="background:#666;color:#ff0;border:2px inset #900;line-height:1.5em;padding:0 7px;"><textarea name="code" rows="3" cols="15" style="background:#666;color:#ff0;border:2px inset #900;line-height:1.5em;padding:0 7px;">ISI TEXT/KODE<text#area><textarea> <br /><textarea name="code" rows="3" cols="15" style="background:#606;color:#fff;border:2px inset #00f;line-height:1.5em;padding:0 7px;"><text#area name="code" rows="3" cols="15" style="background:#606;color:#fff;border:2px inset #00f;line-height:1.5em;padding:0 7px;">ISI TULISAN/KODE</text#area>
<textarea cols="13" name="code" rows="4" style="-moz-border-radius: 8px 8px 8px 8px; -moz-box-shadow: 0pt 1px 10px rgb(255, 255, 0); background: -moz-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 0)) repeat scroll 0% 0% transparent; border: 2px outset rgb(255, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI</text#area>
<textarea cols="13" name="code" rows="4" style="-moz-box-shadow: 0pt 1px 10px rgb(0, 255, 0); background: -moz-linear-gradient(center top , rgba(255, 255, 204, 0.9), rgba(255, 255, 0, 0.9)) repeat scroll 0% 0% transparent; border: 2px outset rgb(0, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">MASUKAN TEXT DISINI</text#area>

copy code

<form name="copy"> <div align="center"> <input onclick="javascript: this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <div class="codebox"> <div class="codebox2"> <div style="color: blue; text-align: center;"> <span style="font-size: small;">copy code</span></div> <style type="text/css"> .codebox{ border: 2px solid #9900FF; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; background:#00FFFF; padding:20px;} </style> <textarea cols="30%" dir="ltr" name="txt" rows="3px" style="width: 100%;">TEXT ANDA DI SINI</text#area></div> </div> </form>

Warna dan border serta
ukuran tinggi dan lebarnya
bisa di rubah sendiri.

609
1Created By : Knthynk™ © 2011 ~All Rights Reserved~