
Zoolraqey
عضو احلى مطور
المساهمات :
45
النقاط :
62
التقيم :
1

Dr.OmaR
المؤسس

المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :

البلد :
مصر

Zoolraqey
عضو احلى مطور
المساهمات :
45
النقاط :
62
التقيم :
1

Dr.OmaR
المؤسس

المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :

البلد :
مصر
2021-02-04, 12:40 pm
ضع الكود التالي في نهاية قالب الـ overall_footer_end قبل تاج</body>
ثم ضع كود زر تشغيل القائمه في عنصر مستقل شخصي جديد
- الكود:
<style>
.widgetBtn {
position: fixed;
top: 6px;
left: 5px;
background: #FFF;
padding: 3px;
border-radius: 25px;
cursor: pointer;
z-index: 99999;
}
.widgetMenu { display: none; }
.widgetMenu.open {
background: #333;
position: fixed;
top: 0;
right: 0;
width: 300px;
display: block;
color: #FFF;
height: 100vh;
z-index: 99999;
}
.widgetMenu h2 {
color: #FFF;
text-align: center;
border-bottom: 2px solid;
width: 90%;
margin: 5px auto;
}
a.widgetlink {
display: block;
color: #FFF;
padding: 5px 10px;
font-size: 14px;
}
.widgetMenuOverlay {
background: #000;
width: 100%;
height: 100%;
top: 0;
display: none;
position: fixed;
opacity: .2;
}
.widgetMenuOverlay.open {
display: block;
}
</style>
<div class="widgetMenu">
<h2>
قائمة جانبية
</h2>
<a href="" class="widgetlink">Link 1</a> <a href="" class="widgetlink">Link 1</a> <a href="" class="widgetlink">Link 1</a> <a href="" class="widgetlink">Link 1</a>
</div>
<div class="widgetMenuOverlay">
</div><script>
$(".widgetBtn").click(function () {
$(".widgetMenu").toggleClass("open");
$(".widgetMenuOverlay").toggleClass("open");
$(".widgetMenuOverlay").click(function () {
$(".widgetMenu").removeClass("open");
$(".widgetMenuOverlay").removeClass("open");
});
});
</script>
ثم ضع كود زر تشغيل القائمه في عنصر مستقل شخصي جديد
- الكود:
<div class="widgetBtn">
<img src="https://i.servimg.com/u/f64/18/92/67/94/menu10.png" />
</div>

Zoolraqey
عضو احلى مطور
المساهمات :
45
النقاط :
62
التقيم :
1

Dr.OmaR
المؤسس

المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :

البلد :
مصر

Zoolraqey
عضو احلى مطور
المساهمات :
45
النقاط :
62
التقيم :
1