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

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




طلب تعديل القائمة او زر عائم جديد Screen16
طلب تعديل القائمة او زر عائم جديد Fb_img11
مثل هذة عند النقر على كلمة الاقسام تظهر كهذة

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

واسف اذا طولت
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1012
التقيم :
102
العمر :
26
الاوسمة :
طلب تعديل القائمة او زر عائم جديد Crown_gold
البلد :
مصر
تريد زر يعرض ازرار المنتدي في قائمه جانبيه؟
Zoolraqey
Zoolraqey
عضو احلى مطور
المساهمات :
45
النقاط :
62
التقيم :
1
نعم

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

زر اخر باسم خدمات الطالب وهكذاااا
قائمة يمكن ان اتحكم في الازرا والايقونات فيها
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1012
التقيم :
102
العمر :
26
الاوسمة :
طلب تعديل القائمة او زر عائم جديد Crown_gold
البلد :
مصر
ضع الكود التالي في نهاية قالب الـ 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>


عدل سابقا من قبل omarpop23 في 2021-02-06, 12:52 am عدل 2 مرات
Zoolraqey
Zoolraqey
عضو احلى مطور
المساهمات :
45
النقاط :
62
التقيم :
1
قمت فتركيبها ...لكنها لم تعمل بشكل جيد ... فكل عنصر موجدة ع حدة والشكل باظ ..ارجو تعديلها عبر عضويتك

https://ahs-madani.yoo7.com
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1012
التقيم :
102
العمر :
26
الاوسمة :
طلب تعديل القائمة او زر عائم جديد Crown_gold
البلد :
مصر
ليس لدى حق الدخول الى لوحة الادارة
Zoolraqey
Zoolraqey
عضو احلى مطور
المساهمات :
45
النقاط :
62
التقيم :
1
تقييم المساهمة: 100% (1)
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1012
التقيم :
102
العمر :
26
الاوسمة :
طلب تعديل القائمة او زر عائم جديد Crown_gold
البلد :
مصر
لقد نسيت وضع اكواد الـ CSS لك في الموضوع تم وضعها وتم الحل
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى