هيلبرنت | 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 قائمة منسدلة

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

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

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

لو وصلت لحاجه كلمك علطول

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

بوركت استاذ

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

اظاهر ان مافيش حل لازم اكلم ابو كريم مع انى اعلم بان عياله عيانين بسبب البرد

هحاول اكلمه بكره لعله خير

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

شكرا لك استاذي
الله يبارك فيك

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

يا صديقي القائمة لا تعتمد على القالب

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

السلام عليكم

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

مع اضافة رابط استدعاء مكتبه 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>

انشاء كل شى رايح يضبط معك مع العلم بان واحد على خاطرى منك نحتاج دعمك مثل ترايدنت

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

بوركت استاذي الكريم واخي الطيب ابو كريم ..
اوعدك استاذ اخلص الامور الي انا فيها الان وادعمكم بحول الله تعالى
شكرا

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

هو ده ابو كريم الحمد لله تم حل المشكله يغلق للانتهاء