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

3 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف الساعدي الساعدي الخميس 30 يونيو 2022 - 13:48

السلام وعليكم
ممكن وضع قائمة منسدلة في النافبار
النافبار لدي بدون قوائم منسدلة


هذا كود الهيدر
https://raw.githubusercontent.com/iqwebiq/webstyle.css/main/header.txt
الساعدي الساعدي
الساعدي الساعدي

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

ذكر
عدد المساهمات : 31
معدل النشاط : 564
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف كونان2000 الخميس 30 يونيو 2022 - 18:39

السلام عليكم  @الساعدي الساعدي
ماهي نسخة منتداك؟
كونان2000
كونان2000
اشراف عام المساعدة
اشراف عام المساعدة

ذكر
عدد المساهمات : 909
معدل النشاط : 1721
السُمعة : 135

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف الساعدي الساعدي الجمعة 1 يوليو 2022 - 7:07

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

AwesomeBB 
الساعدي الساعدي
الساعدي الساعدي

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

ذكر
عدد المساهمات : 31
معدل النشاط : 564
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف الطائرالحر الجمعة 1 يوليو 2022 - 11:39

تم الحذف


عدل سابقا من قبل الطائرالحر في الجمعة 1 يوليو 2022 - 12:56 عدل 1 مرات
الطائرالحر
الطائرالحر
 
 

ذكر
عدد المساهمات : 203
معدل النشاط : 1805
السُمعة : 35

https://www.a7la7ekaya.com/search/label/ahlamontada

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف الساعدي الساعدي الجمعة 1 يوليو 2022 - 12:36

الطائرالحر كتب:
السلام عليكم 
من افضل مواقع الرفع
MediaFire

4shared

box

من فضلك اقرا الموضوع جيدا
الساعدي الساعدي
الساعدي الساعدي

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

ذكر
عدد المساهمات : 31
معدل النشاط : 564
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف الطائرالحر الجمعة 1 يوليو 2022 - 12:56

بعتذر لك كنت اقصد ارد على هذا الموضوع 
الطائرالحر
الطائرالحر
 
 

ذكر
عدد المساهمات : 203
معدل النشاط : 1805
السُمعة : 35

https://www.a7la7ekaya.com/search/label/ahlamontada

ابوعلي البلقاوي يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف كونان2000 الجمعة 1 يوليو 2022 - 18:56

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

ذكر
عدد المساهمات : 909
معدل النشاط : 1721
السُمعة : 135

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف الساعدي الساعدي الجمعة 1 يوليو 2022 - 20:14

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

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

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

ذكر
عدد المساهمات : 31
معدل النشاط : 564
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف كونان2000 السبت 2 يوليو 2022 - 14:44

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

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

ذكر
عدد المساهمات : 909
معدل النشاط : 1721
السُمعة : 135

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف الساعدي الساعدي الأحد 3 يوليو 2022 - 16:38

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

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

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

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

ذكر
عدد المساهمات : 31
معدل النشاط : 564
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب قائمة منسدلة Empty رد: طلب قائمة منسدلة

مُساهمة من طرف كونان2000 الأحد 3 يوليو 2022 - 17:48

الساعدي الساعدي كتب:
اخي صمملي نافبار وابعثه لي يكون فيه قائمة منسدلة متوافقة مع الجوال
مرحبا  @الساعدي الساعدي
تم مثل ما طلبت
لكن لازم تضعه في مكان مناسب في قالب الهيدر
الكود:
<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>
 
كونان2000
كونان2000
اشراف عام المساعدة
اشراف عام المساعدة

ذكر
عدد المساهمات : 909
معدل النشاط : 1721
السُمعة : 135

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى