كيف يمكنني إنشاء قائمة منسدلة إضافية داخل القائمة الرئيسية في موقعي؟

يمكنك ذلك بتضمين هذا الكود في موقعك:
 

<div id="navtop">
<ul>
<li><a href="#">menu1 </a></li>
<li><a href="#">menu2 </a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4 </a></li>
<li><a href="#">menu5 </a>
<ul>
<li><a href="#">menu6</a></li>
<li><a href="#">menu7</a></li>
<li><a href="#">menu8</a></li>
</ul>

</li>

</ul>

</div>
<style type="text/css">
#navtop li{
      list-style: none;
      display:inline;
      direction: rtl;
      margin-right:30px;
 }
 #navtop {
   direction: rtl;
 }
 #navtop li ul{
   padding: 0;
   margin: 0;
   position: relative;
         margin-right:230px;
 }

#navtop li ul li{
  display:  none;
  position: relative;
}
#navtop li:hover ul li{
  display:  block;
}
</style>

عندها سيصبح لك قائمة منسدلة جديدة تحوي ثلاثة خيارات 
تنسدل هذا القائمة عن الضغط على الخيار الخامس الموجود ضمن قائمة موقعك الأساسية.