المساعد الشخصي الرقمي

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


أبو_شهاب
12-02-2015, 11:24 PM
السلام عليكم ..
قمت بتركيب كود قائمة منسدلة في هيدر المنتدى ولكن لا تفتح القائمة
ممكن تعديلها كي تعمل دون مشاكل
الكود
<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=14490623 51-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
شوف كده

<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=14490623 51-6bd593a2607e26f73f17515fc40f1f27a3b8d0bd" rel="nofollow"><span class="fa fa-check-square">&nbsp;</span>إجعل كافة الأقسام مقروءة</a></li>
</ul>
</div>
</div>

أبو_شهاب
12-02-2015, 11:45 PM
القائمة اصبحت ظاهرة على طول ؟؟

هيلبرنت
12-03-2015, 12:03 AM
مافيش مشكله بكره اسويهالك


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

أبو_شهاب
12-03-2015, 12:11 AM
في انتظارك اخي

هيلبرنت
12-04-2015, 02:26 PM
انا مش ناسيك بس باخد الجمعه اجازه


ههههههههههه

أبو_شهاب
12-04-2015, 03:52 PM
خذ راحتك استاذ

أبو_شهاب
12-05-2015, 11:46 PM
في انتظارك استاذ

هيلبرنت
12-05-2015, 11:50 PM
والله انا فعلا حاولت الفكره فى شى نافص لم اصل له


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

الى

display:block

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

أبو_شهاب
12-06-2015, 12:10 AM
اخي الكريم انا اخذت الكود من هذا المنتدى

هيلبرنت
12-06-2015, 02:02 PM
على فكره انا بحاول فيه مش ناسيه يمكن اتواصل لشى

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

أبو_شهاب
12-06-2015, 02:05 PM
بوركت استاذ

هيلبرنت
12-06-2015, 11:53 PM
اظاهر ان مافيش حل لازم اكلم ابو كريم مع انى اعلم بان عياله عيانين بسبب البرد

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

أبو_شهاب
12-06-2015, 11:56 PM
شكرا لك استاذي
الله يبارك فيك

أبو عبيدة
12-07-2015, 02:06 AM
يا صديقي القائمة لا تعتمد على القالب

abo-karim
12-07-2015, 10:15 PM
السلام عليكم

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

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

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-08-2015, 04:06 PM
جيد .........

أبو_شهاب
12-08-2015, 06:14 PM
بوركت استاذي الكريم واخي الطيب ابو كريم ..
اوعدك استاذ اخلص الامور الي انا فيها الان وادعمكم بحول الله تعالى
شكرا

هيلبرنت
12-08-2015, 08:41 PM
هو ده ابو كريم الحمد لله تم حل المشكله يغلق للانتهاء