Cara Membuat Text Area Keren Berwarna | TuTorial Ku UnTuK Mu

 

gk Usah Banyak Bicara aja ya pasti anda Sudah tahu kan kegunaan text area ini
Silahkan Anda Pilih :

MODEL 1 (SATU) :

<form name="copy"><br /> <div align="center"> <br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <br /> <div style="text-align: left;"> <br /> <textarea 5px;="" ;="" cols="48" name="txt" padding:="" rows="7" style="-moz-border-radius: 0px 0px 0px 0px; background: none repeat scroll 0% 0% rgb(255, 240, 255); border-color: rgb(204, 0, 255); border-style: solid; border-width: 1px 5px 5px 1px; color: #cc00ff; font-family: Verdana,serif; font-size: 12px;">TEKS ANDA DISINI

MODEL 2 (DUA) :

<form name="copy"><br /> <div align="center"> <br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <br /> <div style="text-align: left;"> <br /> <textarea 5px;="" ;="" cols="50" name="txt" padding:="" rows="7" 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;">TEKS ANDA DISINI

MODEL 3 (TIGA) :

<form name="copy"><br /> <div align="center"> <br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <br /> <div style="text-align: left;"> <br /> <textarea 5px;="" ;="" cols="50" name="txt" padding:="" rows="7" 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

MODEL 4 (EMPAT) :

<form name="copy"><br /> <div align="center"> <br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <br /> <div style="text-align: left;"> <br /> <textarea 5px;="" ;="" cols="38" name="txt" padding:="" rows="7" style="-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background: none repeat scroll 0% 0% rgb(255, 255, 175); border-color: rgb(127, 69, 0); border-style: dotted ridge; border-width: 2px; color: brown; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

MODEL 5 (LIMA) :

<form name="copy"><br /> <div align="center"> <br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <br /> <div style="text-align: left;"> <br /> <textarea 5px;="" ;="" cols="38" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border-color: rgb(41, 95, 0); border-style: dashed solid solid dashed; border-width: 2px; color: #295f00; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI

MODEL 6 (ENAM) :

<form name="copy"><br /> <div align="center"> <br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <br /> <div style="text-align: left;"> <br /> <textarea 5px;="" ;="" cols="37" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(200, 255, 255); border-color: rgb(0, 255, 255); border-style: solid ridge ridge; border-width: 3px 5px 5px; color: blue; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI

MODEL 7 (TUJUH) :

<form name="copy"><br /> <div align="center"> <br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <br /> <div style="text-align: left;"> <br /> <textarea 5px;="" ;="" cols="37" name="txt" padding:="" rows="7" style="-moz-border-radius: 0px 0px 10px 10px; background: none repeat scroll 0% 0% rgb(0, 255, 255); border-color: rgb(0, 0, 255) rgb(255, 0, 0); border-width: 5px; color: blue; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI

MODEL 8 (DELAPAN) :

<form name="copy"><br /> <div align="center"> <br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div> <br /> <div style="text-align: left;"> <br /> <textarea 5px;="" ;="" cols="36" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(170, 255, 0); border-color: rgb(255, 0, 0); border-style: none solid solid groove; border-width: 15px 0px 3px 15px; color: green; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI

KETERANGAN :

Untuk mengubah ukuran tetxarea-nya,
ubahlah pada cols="..." & rows="..."

TuTorial Ku UnTuK Mu

Ditulis Oleh : SyariĪ ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Membuat Text Area Keren Berwarna | TuTorial Ku UnTuK Mu. TuTorial Ku UnTuK Mu™ Memperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://sariptrik.blogspot.com/2012/10/cara-membuat-text-area-keren-berwarna.html" target="_blank">Cara Membuat Text Area Keren Berwarna | TuTorial Ku UnTuK Mu</a>

Baca Artikel Lainnya.!: