Home Profile Opinion Academic Experience Tutorial

Minggu, 14 Februari 2016

Highlight All Style

   Hai, Assalamu'alaikum! Resti akhirnya post juga nih. Oh ya, buat Free Follow By Resti ditutup Minggu depan lho! Yang belum join buruan join! Sekarang kemabli ke tajuk post yaitu highlight all style. Buat kalian yang bosan dengan text area dengan tombol Highlight All cuma itu itu aja, sekarang Resti modifikasi jadi lebih cute. Yuk Read More!


1. Dashboard
2. Post/ Buat Entri
3. Copy kode style text area yang kamu inginkan
-edit edit dulu
4. Save

   STYLE:

Style 1:
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"style="background:#ffe4e1; border: 2px solid #ffffff; color: #fff;height: 30px; width: 100px;" value="Highlight All" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="12"style="background:#ffffff; border: 2px solid #ffe4e1; color: #fea5c2; height: 180px; width: 220px; wrap="VIRTUAL">YOUR TEXT</textarea></div>
</form>
</div>

Style 2:
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"style="background:#fff5f5; border: 2px dashed #ffe4e1; color: #fea5c2;height: 30px; width: 100px;-moz-border-radius: 35px;
border-radius: 35px;" value="Highlight All" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="12"style="background: url(http://i.imgur.com/5Dy51.png); border: 2px dashed #ffe4e1; color: #fea5c2; height: 180px; width: 220px;-moz-border-radius: 10px;
border-radius: 10px; wrap="VIRTUAL">YOUR TEXT</textarea></div>
</form>
</div>

Style 3:
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"style="background:#fff5f5; border: 2px solid #ffe4e1; color: #fea5c2;height: 30px; width: 220px;-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;" value="Highlight All" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="12"style="background: url(http://i.imgur.com/5Dy51.png); border: 2px solid #ffe4e1; color: #fea5c2; height: 180px; width: 220px; wrap="VIRTUAL">YOUR TEXT</textarea></div>
</form>
</div>


Semoga bermanfaat! Repost full credit ya, karena ini hasil karyaku.


Terima kasih telah membaca, tinggalkan komentar ya!

Tidak ada komentar:

Posting Komentar

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...