Css kodu
[PHP]
# pad (height: 140px

# menu (padding: 0; margin: 0; list-style: none; height: 40px; position: relative; z-index: 500; font-family: arial, verdana, sans-serif

# menu li (float: left; margin-right: 1px

# menu li a (display: block; float: left; height: 40px; line-height: 40px; background: # 333; color: # ccc; text-decoration: none; font-size: 11px; font-weight: bold ; padding: 0 30px 0 20px
# menu table (border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0

# menu tablo ul (list-style-type: none

# menu ul tablo il (margin: 0; padding: 0

# menu li a: hover (z-index: 200; position: relative; color: # fff; background-color: # c60

# menu li (position: relative hover; z-index: 200

# menu li: hover> a (color: # fff; background: # c60

# menu li: hover> (color: # fff; background-color: # c60 a.sub

a (color # menu li.current: # fff; background: # 840

# menu li a.sub (background: # 333 url (aşağı-arrow.gif) no-repeat right center

# menu li.current a.sub (color: # fff; background: # 840 url (aşağı-arrow.gif) no-repeat right center;

# menu: hover ul (left: 0; top: 40px; width: 120px; background: # 444

# menu ul,
# menu: hover ul ul (position: absolute; left:-9999px; top:-9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none

# menu: hover ul: hover ul
(left: 120px; top:-1px; background: # 222; white-space: nowrap; width: 100px; z-index: 200; height: auto

# menu: hover ul li (margin: 0; border-top: 1px solid # 666

# menu: hover ul li a (width: 120px; padding: 0; text-indent: 10px; background: # 333; color: # ccc; height: 30px; line-height: 30px

# menu: hover ul li a.fly (background: # 333 url (sağ arrow.gif) no-repeat right center

# menu: hover ul (background-color: # c60 hover; color: # fff

# menu: hover ul: hover (a.fly background-color: # c60; color: # fff

# menu: hover ul li.currentsub (background: # 840; color: # fff

# menu: hover ul li.currentsub a.fly (background: # 840 url (sağ arrow.gif) no-repeat right center; color: # fff

# menu: hover ul: li a (width: 100px ul hover; padding: 0; text-indent: 10px; background: # 3e3e3e; color: # ccc

# menu: hover ul: hover ul (background-color: # D70 hover; color: # fff

# menu: hover ul: hover li.currentfly bir ul,
# menu: hover ul: hover li.currentfly bir ul: hover (background: # 840; color: # fff
[/ PHP]
Buda HTML kodu.
[HTML] <ul id="menu">
<li> <a href="index.html"> <b> Ana Sayfa </ b> </ a> </ li>
<li> <a href="single.html"> <b> Tek Düzeyi </ b> </ a> </ li>
<li class="current"> <a class="sub" href="dropdown.html"> <b> Açılır </ b> </ a>
<ul>
<li> <a class="fly" href="#url"> Açılır </ a>
<ul>
<li> <a href="#url"> Açılır 1.1 </ a> </ li>
<li> <a href="#url"> Açılır 1,2 </ a> </ li>
<li> <a href="#url"> Açılır 1,3 </ a> </ li>
<li> <a href="#url"> Açılır 1,4 </ a> </ li>
<li> <a href="#url"> Açılır 1.5 </ a> </ li>
<li> <a href="#url"> Açılır 1,6 </ a> </ li>
</ ul>
</ li>
<li class="currentsub"> <a class="fly" href="#url"> Açılır iki </ a>
<ul>
<li> <a href="#url"> Açılır 2,1 </ a> </ li>
<li> <a href="#url"> Açılır 2,2 </ a> </ li>
<li class="currentfly"> <a href="#url"> Açılır 2,3 </ a> </ li>
<li> <a href="#url"> Açılır 2,4 </ a> </ li>
<li> <a href="#url"> Açılır 2,5 </ a> </ li>
</ ul>
</ li>
<li> <a href="#url"> Açılır üç </ a> </ li>
<li> <a href="#url"> Açılır dört </ a> </ li>
<li> <a class="fly" href="#url"> Açılır beş </ a>
<ul>
<li> <a href="#url"> Açılır 5.1 </ a> </ li>
<li> <a href="#url"> Açılır 2,2 </ a> </ li>
<li> <a href="#url"> Açılır 3,3 </ a> </ li>
</ ul>
</ li>
</ ul>
</ li>
<li> <a class="sub" href="dropline.html"> <b> Dropline </ b> </ a>
<ul>
<li> <a href="#url"> Dropline </ a> </ li>
<li> <a href="#url"> Dropline iki </ a> </ li>
<li> <a href="#url"> Dropline üç </ a> </ li>
<li> <a href="#url"> Dropline dört </ a> </ li>
<li> <a href="#url"> Dropline beş </ a> </ li>
<li> <a href="#url"> Dropline altı </ a> </ li>
</ ul>
</ li>
<li> <a class="sub" href="flyout.html"> <b> Flyout </ b> </ a>
<ul>
<li> <a href="#url"> Flyout </ a> </ li>
<li> <a href="#url"> Flyout iki </ a> </ li>
<li> <a href="#url"> Flyout üç </ a> </ li>
<li> <a href="#url"> Flyout dört </ a> </ li>
</ ul>
</ li>
<li id="support"> <a href="support.html"> <b> Destek </ b> </ a> </ li>
<li id="contact"> <a href="contact.html"> <b> İletişim </ b> </ a> </ li>
</ ul>
[/ HTML]