سلام اريد تعديل القائمة الحالية او عمل زر عائم يحتوي على

الرئيسية . تسجيل دخول . كلمة العميد. عن الكلية ...الخ






مثل هذة عند النقر على كلمة الاقسام تظهر كهذة

اتمنى تكون وضحت   ..... المنتدى تعليمي

واسف اذا طولت

تريد زر يعرض ازرار المنتدي في قائمه جانبيه؟

نعم

ولكن ليس ازرار المنتدى الثابتة ..... فمثلا اريد اضافة زر باسم عن الجامعة بجانبة تكون ايقونة عند الضغط ينقلني الى صفحة htmlاو الموضوع

زر اخر باسم خدمات الطالب وهكذاااا
قائمة يمكن ان اتحكم في الازرا والايقونات فيها

ضع الكود التالي في نهاية قالب الـ 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>

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

https://ahs-madani.yoo7.com

ليس لدى حق الدخول الى لوحة الادارة

لقد نسيت وضع اكواد الـ CSS لك في الموضوع تم وضعها وتم الحل