أبو_شهاب
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"> </span>التقويم</a></li>
<li><a href="faq.php" rel="nofollow"><span class="fa fa-info-circle"> </span>التعليمات</a></li>
<li><a href="search.php?$session[sessionurl]do=getdaily"><span class="fa fa-comments"> </span>مشاركات اليوم</a></li>
<li><a href="showgroups.php" rel="nofollow"><span class="fa fa-heart"> </span>طاقم عمل المنتدى</a></li>
<li><a href="forumdisplay.php?do=markread&markreadhash=14490623 51-6bd593a2607e26f73f17515fc40f1f27a3b8d0bd" rel="nofollow"><span class="fa fa-check-square"> </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);
}
وشكرا
قمت بتركيب كود قائمة منسدلة في هيدر المنتدى ولكن لا تفتح القائمة
ممكن تعديلها كي تعمل دون مشاكل
الكود
<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"> </span>التقويم</a></li>
<li><a href="faq.php" rel="nofollow"><span class="fa fa-info-circle"> </span>التعليمات</a></li>
<li><a href="search.php?$session[sessionurl]do=getdaily"><span class="fa fa-comments"> </span>مشاركات اليوم</a></li>
<li><a href="showgroups.php" rel="nofollow"><span class="fa fa-heart"> </span>طاقم عمل المنتدى</a></li>
<li><a href="forumdisplay.php?do=markread&markreadhash=14490623 51-6bd593a2607e26f73f17515fc40f1f27a3b8d0bd" rel="nofollow"><span class="fa fa-check-square"> </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);
}
وشكرا