DropDown Color Changer

Sebelumnya Dark Ard kasih DropDown Background Changer, nah, untuk kali ini kebalikannya. Yaitu DropDown Font Color Changer, gunanya untuk mengubah warna huruf di blog kalian.



Contohnya seperti ini:

Style 1
(Default)
Style 2
(Agak Pudar)
Style 3
(Terlalu Pudar)

Untuk memasang widget tersebut, kamu copy aja kode dibawah ini:

Style 1

<select onchange="this.style.background = this.value;DADchangec(this.value);" name="DADcbgc" title="Change Background Color" width="150" height="30">
<option value="#FFFFFF" style="background:#FFFFFF;"></option>
<option value="#FF0000" style="background:#FF0000;"></option>
<option value="#FFAA00" style="background:#FFAA00;"></option>
<option value="#FFFF00" style="background:#FFFF00;"></option>
<option value="#00FF00" style="background:#00FF00;"></option>
<option value="#00FFFF" style="background:#00FFFF;"></option>
<option value="#0000FF" style="background:#0000FF;"></option>
<option value="#800080" style="background:#800080;"></option>
<option value="#FF00FF" style="background:#FF00FF;"></option>
<option value="#000000" style="background:#000000;"></option>
<option value="transparent" style="background:transparent;">Transparent</option>
</select><BR/>
<script src="http://dickelodeonjs.googlecode.com/files/DADcolchanger1.txt" type="text/javascript"></script>

Install Otomatis:



Style 2

<select onchange="this.style.background = this.value;DADchangec(this.value);" name="DADcbgc" title="Change Background Color" width="150" height="30">
<option value="#FFFFFF" style="background:#FFFFFF;"></option>
<option value="#EA9999" style="background:#EA9999;"></option>
<option value="#F9CB9C" style="background:#F9CB9C;"></option>
<option value="#FFE599" style="background:#FFE599;"></option>
<option value="#B6D7A8" style="background:#B6D7A8;"></option>
<option value="#A2C4C9" style="background:#A2C4C9;"></option>
<option value="#9FC5E8" style="background:#9FC5E8;"></option>
<option value="#B4A7D6" style="background:#B4A7D6;"></option>
<option value="#D5A6BD" style="background:#D5A6BD;"></option>
<option value="#999999" style="background:#999999;"></option>
<option value="transparent" style="background:transparent;">Transparent</option>
</select><BR/>
<script src="http://dickelodeonjs.googlecode.com/files/DADcolchanger1.txt" type="text/javascript"></script>

Install Otomatis:



Style 3

<select onchange="this.style.background = this.value;DADchangec(this.value);" name="DADcbgc" title="Change Background Color" width="150" height="30">
<option value="#FFFFFF" style="background:#FFFFFF;"></option>
<option value="#F4CCCC" style="background:#F4CCCC;"></option>
<option value="#FCE5CD" style="background:#FCE5CD;"></option>
<option value="#FFF2CC" style="background:#FFF2CC;"></option>
<option value="#D9EAD3" style="background:#D9EAD3;"></option>
<option value="#D0E0E3" style="background:#D0E0E3;"></option>
<option value="#CFE2F3" style="background:#CFE2F3;"></option>
<option value="#D9D2E9" style="background:#D9D2E9;"></option>
<option value="#EAD1DC" style="background:#EAD1DC;"></option>
<option value="#CCCCCC" style="background:#CCCCCC;"></option>
<option value="transparent" style="background:transparent;">Transparent</option>
</select><BR/>
<script src="http://dickelodeonjs.googlecode.com/files/DADcolchanger1.txt" type="text/javascript"></script>

Install Otomatis:



Okeh, segini aja. Selamat mencoba.


Comments

4 comments:

  1. mas buat toolbar kaya yang dibawah kaya mana
    ajarin dong:g:

    terus buaqt website untuk mobile kaya mana?

    ajarin ya mas:f:

    ReplyDelete
  2. maksih ya atas tips dan trick-nya... :a:

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other