هيلبرنت | Helpernt - تعديل كود css قائمة منسدلة

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن مشاكل تصاميم الاستايلات (https://www.helpernt.com/vb/forumdisplay.php?f=21)

- - تعديل كود css قائمة منسدلة (https://www.helpernt.com/vb/showthread.php?t=2370)

تعديل كود 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);



}

وشكرا

رد: تعديل كود 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>

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

القائمة اصبحت ظاهرة على طول ؟؟

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

مافيش مشكله بكره اسويهالك

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

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

في انتظارك اخي

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

انا مش ناسيك بس باخد الجمعه اجازه

ههههههههههه

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

خذ راحتك استاذ

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

في انتظارك استاذ

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

والله انا فعلا حاولت الفكره فى شى نافص لم اصل له

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

الى

display:block

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

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

اخي الكريم انا اخذت الكود من هذا المنتدى