Cara Buat Drop Down Menu Berwarna


Kalau post sebelum ni, aku tunjuk cara buat drop down menu yang biasa. Kali ni aku nak tunjuk cara buat yang ada warna pulak. Macam biasa korang boleh tukar warna tulisan dan background colour ikut suka korang lah. And than adjust saiz mengikut keperluan... Folow jer kod di bawah kalau malas copy and paste jer.... lepas tu edit mengikut keperluan korang....

<form>

<select onchange="PopUpName=window.open('','PopUpName');PopUpName.location=this.options[this.selectedIndex].value;" style="background-color: #ff9900; color: white; font-family: 'Courier New'; font-size: 10pt; font-weight: bold; width: 170px;"><option value="">hasil1</option><option value="http://www.facebook.com">Facebook</option></select>

<select onchange="PopUpName=window.open('','PopUpName');PopUpName.location=this.options[this.selectedIndex].value;" style="background-color: #cc0033; color: white; font-family: 'Courier New'; font-size: 10pt; font-weight: bold; width: 170px;"><option value="">hasil2</option><option value="http://www.bharian.com.my">Berita Harian</option></select>

<select onchange="PopUpName=window.open('','PopUpName');PopUpName.location=this.options[this.selectedIndex].value;" style="background-color: #99cc00; color: white; font-family: 'Courier New'; font-size: 10pt; font-weight: bold; width: 170px;"><option value="">hasil3</option><option value="http://www.myeg.com.my/">MyEG</option></select>

</form>


Hasilnye seperti di bawah.





Moga membantu.

0 comments:

Post a Comment