اسأل عن نافبار بقوائم منسدلة

السلام عليكم و رحمة الله و بركاته
يا جماعة أنا أسأل عن كود نافبار بقوائم منسدلة
يعني لما نجيب على واحد من ازرار النافبار ينزل
منه قائمة منسدلة لعدة روابط و عنواين
*~*"...هل فهمتموني ام تحتاجون مثال ؟

جربى هذا الكود

الكود:: <ul> <li><a href="#">Root Link</a></li> <li><a class="popup_down" href="#">Root Link</a>  <ul> <li><a href="#">Sub Link</a></li> <li><a class="popup" href="#">Sub Link</a>  <ul> <li><a href="#">Sub Link</a></li> <li><a class="popup" href="#">Sub Link</a>  <ul> <li><a href="#">Sub Link</a></li> <li>...</li> </ul>  </li> </ul>  </li> </ul>  </li> </ul>

اليكم مثال لكنه من موقع مدونة
انظرو على اليسار في احد الازرار
لو جلبتم الفارة يعني ماوس الكومبيوتر عليه
تنزلك قائمة منسدلة من زر النافبار هذا
المثال هنا
و اعتذر على وضع رابط الموقع
ليس القصد الاشهار او ما شابه
و لكني اكتب من هاتفي و لا اعرف طريقة سهلة
لتصوير الشاشة او التحكم به متل الماوس =="...!
فوضعت الرابط لتروا المعاينة لربما استطعتم مساعدتي
جزاكم الله كل خير ^-^

ارابيان ستار ^-^ لم ارى ردك الا من بعد ارسال ردي
سوف اجرق و اعود لكم برد آخر إن شاء الله
#لي_عودة

وايضا تم استخراج الكود فى المدونة

بس يحتاج تعديل

ضعى لى ما تريده فى الناف بار

حتى اعدله لك

هل انت متأكدة من انه يعمل
جربيه لي و ارني صورته
فقد جربته و لكنه لا يعمل بشكل صحيح// ذاك عن الكود الاول
*-*-*-*-*-*
ماشاء الله لحقتي *0* ؟
حسنا اريد ان يكون كالتالي
الرئيسية.....المانجا ( هذا ودي يكون له قائمة منسدلة عشان اعمل له روابط لعدة اشياء )....الانمي(كذلك احتاج له قائمة منسدلة)...الروايات( ايضا ارغب بأن يكون له قائكة منسدلة )....الدراما الاسيوية ( بدون قائمة).....و ...من أنا
انتهى ههههه....اما الروابط تكون رابط منتداي و انا سوف اعدل عليه قريبا بس احل مشكلة نت كومبيوتري -قلب مكسور- T^T

للأسف لم استطع التعديل عليه

لانه فيه بعض المشاكل

انتظرى مرور احد يكون خبير اكثر منى لمساعدتك

اه حسنا
و لكن هل لي بالكود
ربما استطعت فعل شيء و حل مشاكله

كود المدونة :

الكود:: <nav id="access" role="navigation"> <h1 class="assistive-text section-heading">القائمة</h1> <div class="assistive-text skip-link"><a href="#content" title="تخطى إلى المحتوى ">تخطى إلى المحتوى </a></div> <div class="menu"><ul><li class="current_page_item"><a href="https://cofworld.wordpress.com/">الرئيسية</a></li><li class="page_item page-item-18 page_item_has_children"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/">روايات</a><ul class="children"><li class="page_item page-item-6247"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/bad-blood/">Kings Competition</a></li><li class="page_item page-item-4905"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d9%84%d9%8e%d9%85%d9%92-%d9%86%d9%8e%d8%aa%d9%8e%d9%88%d9%8e%d9%82%d9%8e%d8%b9%d9%92-%d8%b0%d9%8e%d9%84%d9%90%d9%83%d9%92%d9%80/">~لَمْ نَتَوَقَعْ ذَلِكْـ~</a></li><li class="page_item page-item-5979"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/5979-2/">أوركسترا خيالُها</a></li><li class="page_item page-item-5012"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d8%aa%d8%b4%d9%88-%d8%b3%d9%88%d9%86%d8%ba-%d9%83%d9%8a%d9%88%d8%9b-%d8%a7%d8%b3%d8%aa%d8%ac%d9%88%d8%a7%d8%a8-%d8%a8%d8%a7%d8%b1%d8%af%d8%a9-%d8%a7%d9%84%d8%b1%d9%88%d8%ad/">تشو سونغ-كيو؛ استجواب باردة الروح</a></li><li class="page_item page-item-5742"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d8%ad%d8%a7%d8%a6%d8%b1%d8%a9-%d8%aa%d8%b5%d8%a7%d8%b1%d8%b9-%d8%a7%d9%84%d8%ba%d9%85%d9%88%d8%b6/">حائرة تصارع الغموض</a></li><li class="page_item page-item-5644"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d9%83%d9%8f%d9%86-%d9%84%d8%b7%d9%8a%d9%81%d8%a7%d9%8b/">كُن لطيفاً</a></li><li class="page_item page-item-5745"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d9%85%d8%a7%d8%b0%d8%a7-%d8%a3%d9%81%d8%b9%d9%84%d8%9f-%ec%98%a4%eb%98%90%ec%b9%b4%ec%a7%80/">ماذا أفعل؟ 오또카지</a></li><li class="page_item page-item-6565"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d9%85%d9%86-%d8%a7%d9%84%d9%82%d8%a7%d8%aa%d9%84%d8%9f/">من القاتل؟</a></li><li class="page_item page-item-45"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d8%b1%d9%88%d8%a7%d9%8a%d8%a9-%d9%84%d8%b3%d8%aa-%d8%a8%d8%af%d9%85%d9%8a%d8%aa%d9%83/">~ رواية لست بدميتك ~</a></li><li class="page_item page-item-4680"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/only-i-was-trying-to-get-to-know-you/">Only I was Trying to get to know you</a></li><li class="page_item page-item-6240"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d8%a3%d9%86%d8%a7-%d8%a2%d8%b3%d9%81-%d8%b1%d9%8a%d9%86-%d8%a2%d9%87/">أنا آسف رين-آه</a></li><li class="page_item page-item-40"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d8%b1%d9%88%d8%a7%d9%8a%d8%a9-%d8%aa%d8%ad%d8%aa-%d8%b3%d9%85%d8%a7%d8%a1-%d9%88%d8%a7%d8%ad%d8%af%d8%a9/">~ رواية تحت سماء واحدة ~</a></li><li class="page_item page-item-174"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d8%b9%d9%86%d8%af%d9%85%d8%a7-%d9%8a%d8%b4%d8%b1%d9%82-%d8%a7%d9%84%d9%86%d8%ac%d8%a7%d8%ad-%d9%88-%d9%8a%d8%ba%d8%b1%d8%a8-%d8%a7%d9%84%d9%81%d8%b4%d9%84-%d8%b1%d9%88%d8%a7%d9%8a%d8%a9/">~ رواية عندما يشرق النجاح و يغرب الفشل ~</a></li><li class="page_item page-item-538"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d9%82%d9%85-%d8%a8%d8%ad%d9%85%d8%a7%d9%8a%d8%aa%d9%8a-%d8%a5%d9%86-%d8%a7%d8%b3%d8%aa%d8%b7%d8%b9%d8%aa/">~ قم بحمايتي إن استطعت ~</a></li><li class="page_item page-item-4106"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/gone-away/">~Gone Away~</a></li><li class="page_item page-item-838"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/838-2/">~أيمكنك حفظ السر؟~</a></li><li class="page_item page-item-4317"><a href="https://cofworld.wordpress.com/%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa/%d8%a7%d8%b3%d9%81%d9%80%d9%87%d9%80-%d9%85%d9%80%d9%86-%d8%a7%d9%86%d9%80%d8%aa%d9%8e-%d9%81-%d8%b0%d8%a7%d9%83%d9%80%d8%b1%d8%aa%d9%89-%d9%82%d9%80%d8%af-%d8%ae%d9%8e%d8%a7%d9%86%d9%8e%d8%aa%d9%8f/">اسفـهـ مـن انـتَ ف ذاكـرتى قـد خَانَتُنـى</a></li></ul></li><li class="page_item page-item-610"><a href="https://cofworld.wordpress.com/imagines-%e2%9c%8e/">Imagines ✎</a></li><li class="page_item page-item-563"><a href="https://cofworld.wordpress.com/one-shot/">one Shot ✎</a></li><li class="page_item page-item-23"><a href="https://cofworld.wordpress.com/%d8%a2%d8%b1%d8%a7%d8%a1%d9%83-%d8%ad%d9%88%d9%84-%d8%a7%d9%84%d9%85%d8%af%d9%88%d9%86%d8%a9/">آراؤكم حول المدونة</a></li><li class="page_item page-item-1445"><a href="https://cofworld.wordpress.com/%d8%a3%d8%b5%d9%80%d9%80%d8%af%d9%82%d8%a7%d8%a4%d9%86%d8%a7/">أصــدقاؤنا</a></li><li class="page_item page-item-19"><a href="https://cofworld.wordpress.com/%d8%a7%d9%84%d8%a8%d8%b1%d8%a7%d9%85%d8%ac-%d8%a7%d9%84%d9%85%d8%aa%d8%b1%d8%ac%d9%85%d8%a9/">البرامج المترجمة</a></li><li class="page_item page-item-2956"><a href="https://cofworld.wordpress.com/%d8%a7%d9%84%d8%b1%d9%88%d8%a7%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d9%83%d8%aa%d9%85%d9%84%d8%a9/">الروايات المكتملة</a></li><li class="page_item page-item-4683 page_item_has_children"><a href="https://cofworld.wordpress.com/%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%b4%d8%ae%d8%b5%d9%8a%d8%a7%d8%aa/">تحليل شخصيات</a><ul class="children"><li class="page_item page-item-4608"><a href="https://cofworld.wordpress.com/%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%b4%d8%ae%d8%b5%d9%8a%d8%a7%d8%aa/%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%b4%d8%ae%d8%b5%d9%8a%d8%a7%d8%aa-vixx/">تحليل شخصيات VIXX</a></li></ul></li><li class="page_item page-item-1780"><a href="https://cofworld.wordpress.com/%d9%81%d9%83%d8%a7%d9%87%d8%a7%d8%aa-%d8%b9%d9%86-%d8%a7%d9%83%d8%b3%d9%88/">فكاهات عن اكسو</a></li><li class="page_item page-item-1"><a href="https://cofworld.wordpress.com/about/">☆ About us ☆</a></li><li class="page_item page-item-6306"><a href="https://cofworld.wordpress.com/6306-2/">قۆﺂ̲ﻧ̲ي? ﺂ̲ﻟ̲ﻣ̲ﺩ̲ۆنة</a></li><li class="page_item page-item-1301 page_item_has_children"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/">★ دروس للوورد بريس ★</a><ul class="children"><li class="page_item page-item-4953"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d8%a5%d9%84%d9%89-%d9%85%d8%af%d9%88%d9%86%d8%aa%d9%83/">إضافة مستخدم إلى مدونتك</a></li><li class="page_item page-item-1344"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%8a%d9%82-%d9%85%d9%86-%d8%af%d9%88%d9%86-%d8%a7%d9%85%d8%aa%d9%84%d8%a7%d9%83-%d8%ad%d8%b3%d8%a7%d8%a8-%d8%b9%d9%84%d9%89-%d8%a7%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8/">التعليق من دون امتلاك حساب على الوورد بريس</a></li><li class="page_item page-item-1326"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%ad%d8%b3%d8%a7%d8%a8-%d8%ba%d9%84%d9%89-%d8%a7%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3/">كيفية إنشاء حساب على الوورد بريس</a></li><li class="page_item page-item-1393 page_item_has_children"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9/">كيفية إنشاء مدونة</a><ul class="children"><li class="page_item page-item-1566"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%aa%d8%af%d9%88%d9%8a%d9%86%d8%a9-%d9%88%d8%ae%d9%88%d8%a7%d8%b5%d9%87%d8%a7/">~ إنشاء تدوينة وخواص الكتابة ~</a></li><li class="page_item page-item-1396"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9-%d9%88%d8%aa%d8%ad%d8%af%d9%8a%d8%af-%d8%b4%d9%83%d9%84%d9%87%d8%a7/">إنشاء مدونة وتحديد شكلها</a></li><li class="page_item page-item-1461"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9/1461-2/">كيفية إنشاء صفحات رئيسية وصفحات مرفقة + Bonus</a></li><li class="page_item page-item-2125 page_item_has_children"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%b1%d8%a8%d8%b9%d8%a7%d8%aa-%d9%82%d8%a7%d8%a6%d9%85%d8%a9-%d8%ac%d8%a7%d9%86%d8%a8%d9%8a%d8%a9/">كيفية إنشاء مربعات قائمة جانبية</a><ul class="children"><li class="page_item page-item-2111"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%b1%d8%a8%d8%b9%d8%a7%d8%aa-%d9%82%d8%a7%d8%a6%d9%85%d8%a9-%d8%ac%d8%a7%d9%86%d8%a8%d9%8a%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%b1%d8%a8%d8%b9%d8%a7%d8%aa-%d8%a7%d9%84%d9%82%d8%a7%d8%a6%d9%85%d8%a9-%d8%a7%d9%84%d8%ac%d8%a7%d9%86%d8%a8%d9%8a%d8%a9-%d8%a7/">كيفية إنشاء مربعات القائمة الجانبية (الجزء الأول)</a></li><li class="page_item page-item-2747"><a href="https://cofworld.wordpress.com/%e2%98%85-%d8%af%d8%b1%d9%88%d8%b3-%d9%84%d9%84%d9%88%d9%88%d8%b1%d8%af-%d8%a8%d8%b1%d9%8a%d8%b3-%e2%98%85/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%b1%d8%a8%d8%b9%d8%a7%d8%aa-%d9%82%d8%a7%d8%a6%d9%85%d8%a9-%d8%ac%d8%a7%d9%86%d8%a8%d9%8a%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%b1%d8%a8%d8%b9%d8%a7%d8%aa-%d8%a7%d9%84%d9%82%d8%a7%d8%a6%d9%85%d8%a9-%d8%a7%d9%84%d8%ac%d8%a7%d9%86%d8%a8%d9%8a%d8%a9-%d8%a7-2/">كيفية إنشاء مربعات القائمة الجانبية (الجزء الثاني)</a></li></ul></li></ul></li></ul></li></ul></div> </nav>