Putra Qincay: Script Menu DropDown DreamWeaver 8

Selamat malam teman-teman. Disini putra ingin berbagi kepada teman-teman bagaimana membuat Menu DropDown di dalam DreamWaver 8. Ini script hasil coba-coba tadi sore. Untuk lebih jelasnya teman-teman bisa mencopy-paste Script dibawah ini dan silahkan dikembangkan lagi. Ini Scriptnya :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br /><html xmlns="http://www.w3.org/1999/xhtml"> <br /> <br /><head> <br /> <br /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <br /><title>Putra Qincay</title> <br /><link rel="stylesheet" href="emx_nav_right.css" type="text/css" /> <br /><script type="text/javascript"> <br /> <br /></script> <br /></head> <br /><body onmousemove="closesubnav(event);"> <br /><div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div> <br /><div id="masthead"> <br />  <br /><div id="subglobal1" class="subglobalNav"></div> <br /><div id="subglobal2" class="subglobalNav"></div> <br /><div id="subglobal3" class="subglobalNav"></div> <br /><div id="subglobal4" class="subglobalNav"></div> <br /><div id="subglobal5" class="subglobalNav"> <a href="#">Ulama Qincay</a> | <a href="#">Seniman</a> | <a href="#">Kesenian</a> | <a href="#">Makanan</a> | <a href="#">Cerita Rakyat</a></div> <br /> <div id="subglobal6" class="subglobalNav"> </div> <br /></div> <br /> <br /><br /> <br /><br /> <br /><div id="globalLink"> <br /><a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">Home</a> <br /><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Kegiatan</a> <br /><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">Galery</a> <br /><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">Kamus</a> <br /><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">Umum</a> <br /><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">About Us</a> <br /></div> <br /><script type="text/javascript"> <br />  <br /> </script> <br /></body> <br /></html> <br />

Sedikit penjelasan dari Putra :
1. Fungsi Script ini untuk membuat banyak link yang mau di bikin

var numofitems = 6;

dan Contoh linknya seperti ini :

<div id="globalLink"> <br /><a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">Home</a> <br /><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Kegiatan</a> <br /><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">Galery</a> <br /><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">Kamus</a> <br /><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">Umum</a> <br /><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">About Us</a>

2. Sedangkan fungsi Script dibawah ini untuk menampilkan Menu SubGlobal

<div id="subglobal1" class="subglobalNav"></div> <br /><div id="subglobal2" class="subglobalNav"></div> <br /><div id="subglobal3" class="subglobalNav"></div> <br /><div id="subglobal4" class="subglobalNav"></div> <br /><div id="subglobal5" class="subglobalNav"> <a href="#">Ulama Qincay</a> | <a href="#">Seniman</a> | <a href="#">Kesenian</a> | <a href="#">Makanan</a> | <a href="#">Cerita Rakyat</a></div> <br /> <div id="subglobal6" class="subglobalNav"> </div>

di dalam Menu GlobalLink

3. Kesimpulan untuk Srcipt SubGlobalnya bisa kamu tambahkan lagi. Perlu di ingat kamu cukup menambahkan angka. Contoh :

<br /></div> <br /><div id="subglobal1" class="subglobalNav">Ulama Qincay</a> | <a href="#">Seniman</a> | <a href="#">Kesenian</a> | <a href="#">Makanan</a> | <a href="#">Cerita Rakyat</a></div> <br /><div id="subglobal2" class="subglobalNav">Ulama Qincay</a> | <a href="#">Seniman</a> | <a href="#">Kesenian</a> | <a href="#">Makanan</a> | <a href="#">Cerita Rakyat</a></div> <br /><div id="subglobal3" class="subglobalNav">Ulama Qincay</a> | <a href="#">Seniman</a> | <a href="#">Kesenian</a> | <a href="#">Makanan</a> | <a href="#">Cerita Rakyat</a></div> <br /><div id="subglobal4" class="subglobalNav">Ulama Qincay</a> | <a href="#">Seniman</a> | <a href="#">Kesenian</a> | <a href="#">Makanan</a> | <a href="#">Cerita Rakyat</a></div> <br /><div id="subglobal5" class="subglobalNav"> <a href="#">Ulama Qincay</a> | <a href="#">Seniman</a> | <a href="#">Kesenian</a> | <a href="#">Makanan</a> | <a href="#">Cerita Rakyat</a></div> <br /> <div id="subglobal6" class="subglobalNav"><a href="#">Ulama Qincay</a> | <a href="#">Seniman</a> | <a href="#">Kesenian</a> | <a href="#">Makanan</a> | <a href="#">Cerita Rakyat</a></div>

4 comments:

AnonymousApril 25, 2010 at 8:49 PM
pitung rockstate:
gan lo pake beginian..berat banget jadinya..mantabs :thumbup cari software yang ngeshare bandwitdh lah...
Putra QincayApril 25, 2010 at 8:52 PM
udh pernah tak coba di kmpres ni codingnya... malahan tampilan sidebar-kanannya jadi keatas n sidebar-kirinya n page posting ke bawah... klw bisa mohon bantuannya juga lah... hehehe
AnonymousApril 26, 2010 at 5:26 AM
slaycoklatb: mangstab,,, tapi berat euy nh backgroundnya
Putra QincayApril 30, 2010 at 10:29 AM
iya sob... Mank agak berat :-(

Kepada para teman Putra Qincay. Silahkan tinggalkan komentar teman disini ya!!!...

Kota Qincay

Posting Terbaru

Label Posting

Blogger Qincay

Sunday, April 25, 2010

Script Menu DropDown DreamWeaver 8

4 comments:

Informasi

Blog Kenalan

Sponsor

Friend Connect