دليل المواقع دمز




ركن مشاكل تصاميم الاستايلات اذا كان لديك مشكلة بالاستايل او بالمنتدي ضعها هنا فسوف تجد من يعطيك الحل بإذن الله ((ضع عنوان مناسب ووصف مختصر يوضح مشكلتك ))

تعديل كود css قائمة منسدلة

السلام عليكم .. قمت بتركيب كود قائمة منسدلة في هيدر المنتدى ولكن لا تفتح القائمة ممكن تعديلها كي تعمل دون...

احصائياتى

الردود
18

المشاهدات
2143
أبو_شهاب
.:: عضو فعال ::.
الإجابات المقدمة: 4
  • أبو_شهاب is a splendid one to beholdأبو_شهاب is a splendid one to beholdأبو_شهاب is a splendid one to beholdأبو_شهاب is a splendid one to beholdأبو_شهاب is a splendid one to beholdأبو_شهاب is a splendid one to beholdأبو_شهاب is a splendid one to behold

  • أبو_شهاب غير متواجد حالياً

المشاركات
163

+التقييم
162

تاريخ التسجيل
Oct 2015

الاقامة
الجزائر

نظام التشغيل
windows 7

رقم العضوية
603
12-02-2015, 11:24 PM
المشاركة 1
12-02-2015, 11:24 PM
المشاركة 1
افتراضي تمت الإجابة تعديل كود css قائمة منسدلة
السلام عليكم ..
قمت بتركيب كود قائمة منسدلة في هيدر المنتدى ولكن لا تفتح القائمة
ممكن تعديلها كي تعمل دون مشاكل
الكود
كود PHP:
<div class="LeftTopHeader"

<
div id="HeaderMenu" class="LeftTopHeaderTools tip">
<
span class="fa fa-bars"></span>
<
span class="tooltipR">خيارات المنتدى السريعة</span>
<
div class="headerMenuList" style="display: none;">
<
ul>
<
li><a href="calendar.php" rel="nofollow"><span class="fa fa-calendar">&nbsp;</span>التقويم</a></li>
<
li><a href="faq.php" rel="nofollow"><span class="fa fa-info-circle">&nbsp;</span>التعليمات</a></li>

<
li><a href="search.php?$session[sessionurl]do=getdaily"><span class="fa fa-comments">&nbsp;</span>مشاركات اليوم</a></li>



<
li><a href="showgroups.php" rel="nofollow"><span class="fa fa-heart">&nbsp;</span>طاقم عمل المنتدى</a></li
<
li><a href="forumdisplay.php?do=markread&amp;markreadhash=1449062351-6bd593a2607e26f73f17515fc40f1f27a3b8d0bd" rel="nofollow"><span class="fa fa-check-square">&nbsp;</span>إجعل كافة الأقسام مقروءة</a></li>
</
ul>
</
div>
</
div
كود css

كود:
.headerMenuList {
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    color: #1F658B;
    padding: 0px; 
    margin: 12px -155px 0px 0px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    z-index: 17000;
    height: auto; 
    width: 180px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

.headerMenuList:after {
    position: absolute;
    bottom: 100%;
    left: 8px;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFF;
    border-width: 10px;
}
    
.headerMenuList:before {
    position: absolute;
    bottom: 100%;
    left: 7px;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    border-color: rgba(224, 224, 224, 0);
    border-bottom-color: #E0E0E0;
    border-width: 11px;
}

.headerMenuList ul {
    padding: 6px 0px;
    margin: 0px;
}

.headerMenuList li {
    display: block;
    color: #1F658B;
    padding: 0px;
    margin: 0px;
    font-family: 'Droid Arabic Kufi',Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: lighter;
    text-align: right;
}

.headerMenuList li a {
    display: block;
    color: #6A6A6A;
    padding: 6px 8px 6px 2px;
    margin: 0px;
}

.headerMenuList li a:hover {
    background-color: rgba(154, 202, 106, 0.30);
    #text-shadow: 0px 0px 2px rgba(154, 202, 106, 0.8);

}
وشكرا

أفضل جواب - كتبه abo-karim
السلام عليكم

كيفك ابو شهاب انشاءالله تكون تمام تفضل اخى العزيز الحل يكمن هنا فى ملف جافا ستجده بالمرفقات

مع اضافة رابط استدعاء مكتبه jQuery وده اللى لم يستطيع اخى هيلبرنت بارك الله فيه التوصل له وهو

كود PHP:
http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js 
قم باضافتة بقالب headinclude

ومسار ملف الجافا اللى مرفق يكون على هذا الشكل فى قالب headinclude

كود:
<script type="text/javascript" src="المسار/js/category_menu.js"></script>


انشاء كل شى رايح يضبط معك مع العلم بان واحد على خاطرى منك نحتاج دعمك مثل ترايدنت
قديم 12-02-2015, 11:37 PM
المشاركة 2
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
الإجابات المقدمة: 447
افتراضي رد: تعديل كود css قائمة منسدلة
شوف كده

كود:
<div class="LeftTopHeader"> 

<div id="HeaderMenu" class="LeftTopHeaderTools tip">
<span class="fa fa-bars"></span>
<span class="tooltipR">خيارات المنتدى السريعة</span> 
<div class="headerMenuList">
<ul>
<li><a href="calendar.php" rel="nofollow"><span class="fa fa-calendar">&nbsp;</span>التقويم</a></li>
<li><a href="faq.php" rel="nofollow"><span class="fa fa-info-circle">&nbsp;</span>التعليمات</a></li>

<li><a href="search.php?$session[sessionurl]do=getdaily"><span class="fa fa-comments">&nbsp;</span>مشاركات اليوم</a></li>



<li><a href="showgroups.php" rel="nofollow"><span class="fa fa-heart">&nbsp;</span>طاقم عمل المنتدى</a></li> 
<li><a href="forumdisplay.php?do=markread&amp;markreadhash=1449062351-6bd593a2607e26f73f17515fc40f1f27a3b8d0bd" rel="nofollow"><span class="fa fa-check-square">&nbsp;</span>إجعل كافة الأقسام مقروءة</a></li>
</ul>
</div>
</div>

قديم 12-02-2015, 11:45 PM
المشاركة 3
أبو_شهاب
.:: عضو فعال ::.
  • أبو_شهاب غير متواجد حالياً
الإجابات المقدمة: 4
افتراضي رد: تعديل كود css قائمة منسدلة
القائمة اصبحت ظاهرة على طول ؟؟

قديم 12-03-2015, 12:03 AM
المشاركة 4
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
الإجابات المقدمة: 447
افتراضي رد: تعديل كود css قائمة منسدلة
مافيش مشكله بكره اسويهالك


لانى بقالى كتير فاعد وجاء وقت النووووووووووووووم

قديم 12-03-2015, 12:11 AM
المشاركة 5
أبو_شهاب
.:: عضو فعال ::.
  • أبو_شهاب غير متواجد حالياً
الإجابات المقدمة: 4
افتراضي رد: تعديل كود css قائمة منسدلة
في انتظارك اخي

قديم 12-04-2015, 02:26 PM
المشاركة 6
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
الإجابات المقدمة: 447
افتراضي رد: تعديل كود css قائمة منسدلة
انا مش ناسيك بس باخد الجمعه اجازه


ههههههههههه

قديم 12-04-2015, 03:52 PM
المشاركة 7
أبو_شهاب
.:: عضو فعال ::.
  • أبو_شهاب غير متواجد حالياً
الإجابات المقدمة: 4
افتراضي رد: تعديل كود css قائمة منسدلة
خذ راحتك استاذ

قديم 12-05-2015, 11:46 PM
المشاركة 8
أبو_شهاب
.:: عضو فعال ::.
  • أبو_شهاب غير متواجد حالياً
الإجابات المقدمة: 4
افتراضي رد: تعديل كود css قائمة منسدلة
في انتظارك استاذ

قديم 12-05-2015, 11:50 PM
المشاركة 9
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
الإجابات المقدمة: 447
افتراضي رد: تعديل كود css قائمة منسدلة
والله انا فعلا حاولت الفكره فى شى نافص لم اصل له


الفكره كلها فى تحويل الخاصيه من dipslay:none

الى

display:block

علشان القائمة تظهر واعتقد ان جميع اكواد صح لكن الناقص هو واحتمال كبير ملف جافا

قديم 12-06-2015, 12:10 AM
المشاركة 10
أبو_شهاب
.:: عضو فعال ::.
  • أبو_شهاب غير متواجد حالياً
الإجابات المقدمة: 4
افتراضي رد: تعديل كود css قائمة منسدلة
اخي الكريم انا اخذت الكود من هذا المنتدى

التعديل الأخير تم بواسطة هيلبرنت ; 12-20-2019 الساعة 01:12 PM
مغلق

العلامات المرجعية

تعديل كود css قائمة منسدلة


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: تعديل كود css قائمة منسدلة
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ شرح ] : عرض الاقسام الفرعية في قائمة منسدلة هيلبرنت ركن شروحات الزين فورو XENFORO 4 12-24-2018 03:00 AM
تغيير قائمة البادئات للأهمية MesterPerfect ركن مشاكل وطلبات الزين فورو XENFORO 1 10-17-2018 02:32 PM
طلب شرح اضافة جعل الاقسام الفرعية قائمة منسدلة مثل ترايدنت m7sen ركن مشاكل وطلبات المنتديات 4 09-12-2018 05:30 PM
قائمة ادوات الموضوع لا تعمل أبو_شهاب ركن مشاكل تصاميم الاستايلات 4 12-13-2015 10:39 PM
قائمة منسدلة css3 كاملة احترافية للموقع 2015 من الاكسلانس ابن الاكابر ركن تطوير منتديات vb3.8.0 5 12-11-2015 03:41 PM




الساعة الآن 03:20 PM
Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum