مساحة اعلانية


الملاحظات

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

الردود
18

المشاهدات
984
أبو_شهاب
.:: عضو مشارك ::.
الإجابات المقدمة: 1
  • أبو_شهاب 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

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

المشاركات
88

+التقييم
160

تاريخ التسجيل
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);

}
وشكرا

قديم 12-02-2015, 11:37 PM
المشاركة 2
هيلبرنت
.:: رفيق درب ::.
تاريخ الإنضمام : Jul 2015
رقم العضوية : 18
المشاركات: 5,335
  • هيلبرنت متواجد حالياً
الإجابات المقدمة: 143
افتراضي رد: تعديل كود 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
أبو_شهاب
.:: عضو مشارك ::.
تاريخ الإنضمام : Oct 2015
رقم العضوية : 603
المشاركات: 88
  • أبو_شهاب غير متواجد حالياً
الإجابات المقدمة: 1
افتراضي رد: تعديل كود css قائمة منسدلة
القائمة اصبحت ظاهرة على طول ؟؟

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


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

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

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


ههههههههههه

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

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

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


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

الى

display:block

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

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

مغلق

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

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


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

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

المواضيع المتشابهه للموضوع: تعديل كود css قائمة منسدلة
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
طلب تعديل ناديك المفضل a.sat65 المواضيع المُكرّرة والمُخالفة 0 11-11-2016 08:27 PM
طلب تعديل على logo achraf.dz دروس التصميم والجرافيكس 4 06-24-2016 02:13 AM
قائمة منسدلة css3 كاملة احترافية للموقع 2015 من الاكسلانس ابن الاكابر ركن تطوير منتديات vb3.8.0 5 12-11-2015 03:41 PM





الساعة الآن 11:02 PM