طلب قائمة منسدلة

كونان2000 كتب:السلام عليكم  @الساعدي الساعدي
ماهي نسخة منتداك؟

الطائرالحر كتب:

السلام عليكم 

من افضل مواقع الرفع

MediaFire

https://www.mediafire.com

4shared

http://www.4sharedapi.com/security.jsp?locale=ar

box

https://www.box.com/

كونان2000 كتب:مرحبا اخي  @الساعدي الساعدي
هذا الهيدر ثقيل جدا وفيه اشياء ناقصه
انصحك تجيب كود هيدر سليم 
عشان اعمل لك عليه قائمه منسدله ان شاء الله

الساعدي الساعدي كتب:عندي سريع جدا
وهو القالب الاصلي للهيدر فقط قمت باضافة كود النافبار له

كونان2000 كتب:

الساعدي الساعدي كتب:عندي سريع جدا
وهو القالب الاصلي للهيدر فقط قمت باضافة كود النافبار له

اهلا 
النافبار الاصلي عندي يختفي بعد تركيب الكود
وايضا يصير بطيئ جدا

جائز يكون ان الكود غبر مناسب لبعض الاجهزه

الساعدي الساعدي كتب:
اخي صمملي نافبار وابعثه لي يكون فيه قائمة منسدلة متوافقة مع الجوال

الكود:

<style>

ol {
  list-style-type: none;
  background-color: #333;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}
</style>
<ol>
  
 <li>
 <a href="#home">نص</a>
 </li>
  
 <li>
 <a href="#news">نص</a>
 </li>
  
 <li class="dropdown">
    <a class="dropbtn" href="javascript:void(0)">قائمة</a>    
 <div class="dropdown-content">
      <a href="#">رابط 1</a>      <a href="#">رابط 2</a>      <a href="#">رابط 3</a>    
 </div>
  
 </li>
</ol>