التصنيف: دعم عام
التصنيف: دعم عام
  • كيف اخفي التعليقات الخاصة بي من شريط احدث التعليقات news ticker b...
  • الشريط لا يتحرك على اجهزة المحمول
  • كيفية انشاء قالب ابن child theme

كيف اخفي التعليقات الخاصة بي من شريط احدث التعليقات news ticker b...

السلام عليكماريد ان يظهر في الشريط كل تعليقات الزوار بدون ظهور ردودي عليهم ف...
A7medNashaat |17 أكتوبر 2020 |2

الشريط لا يتحرك على اجهزة المحمول

عندما اضع الشريط لا يتحرك على اجهزة الموبايل فما السبب؟ علما بأن الشريط الذي يظ...
A7medNashaat |16 أكتوبر 2020 |4

كيفية انشاء قالب ابن child theme

السلام عليكم ورحمة الله لدي قالب من قوالب الووردبريس الافتراضية وأريد أن أعدل ع...
محمد رضا |15 مارس 2019 |6

  • طريقة عمل نافذة منبثقة عند الضغط على كلمة | مجاب

2019/01/21

السلام عليكم

هناك خاصية في موقعكم لما اضغط على كلمة “عن الموقع” تفتح لي نافذة منبثقة
على هذا الرابط https://benaceur-php.com/#

ممكن طريقة عمل ذالك على صفحات موقعي

بارك الله فيكم وفي اعمالكم


شارك هذا الموضوع على:

رابط الموضوع للنسخ
Avatar

نبذة قصيرة عن قرين

لم يقم بكتابة سيرته بعد

أضف تعليقك | سجّل دخولك

تعليقاتك تحتاج في هذا الموضوع إلى المراجعة قبل النشر



  1. Avatar
  2. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  3. قرين من الجزائر ← علّقَ : 3 تعليقات
    عضو

    شكرا لك انا سوف انتظر الاخ بن ناصر



  4. Avatar
  5. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  6. رشيد ← علّقَ : 9 تعليقات
    عضو

    آسف أخي هذا ما وجدته وأنا أستعمله شخصيا



  7. Avatar
  8. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  9. قرين من الجزائر ← علّقَ : 3 تعليقات
    عضو

    اخي انا اريد نفس الكود الدي يستعمله صاحب الموقع

    لو نظرت الى اعلى الموقع وضغطت على كلمة عن الموقع سوف ترى النتيجة غير الكود الدي بعثته لي



  10. Avatar
  11. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  12. رشيد ← علّقَ : 9 تعليقات
    عضو

    أخي الصورة لا تضهر لاتجعلها مخفية لأنها تظهر للمشرفين على الموقع فقط



  13. Avatar
  14. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  15. قرين من الجزائر ← علّقَ : 3 تعليقات
    عضو

    لقد قمت بتجربة الكود ولاكنه ليس كما طلبت
    انا اريد نفس هاذا الكود كما في الصورة
    [محتوى مخفي]



  16. Avatar
  17. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  18. رشيد ← علّقَ : 9 تعليقات
    عضو

    يمكن ذلك عن طريق الجافا والسي اس اس
    ضع هذ في الستايل style.css

    .overlay_4888 {
      height: 0%;
      width: 100%;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0, 0.9);
      overflow-y: hidden;
      transition: 0.5s;
    }
    .overlay_4888-content {
      position: relative;
      top: 25%;
      width: 100%;
      text-align: center;
      margin-top: 30px;
    }
    .overlay_4888 a {
      padding: 8px;
      text-decoration: none;
      font-size: 36px;
      color: #818181;
      display: block;
      transition: 0.3s;
    }
    .overlay_4888-content p {font-family:tahoma; color: #818181; font-size: 15px;}
    .overlay_4888 a:hover, .overlay_4888 a:focus {
      color: #f1f1f1;
    }
    .overlay_4888 .closebtn {
      position: absolute;
      top: 20px;
      right: 45px;
      font-size: 60px;
    }
    @media screen and (max-height: 450px) {
      .overlay_4888 {overflow-y: auto;}
      .overlay_4888 a {font-size: 20px}
      .overlay_4888 .closebtn {
      font-size: 40px;
      top: 15px;
      right: 35px;
      }
    }

    وضع هذ في اي مكان مثلا في الفوتر أو الهيدر

    <div id="myNav" class="overlay_4888">
      <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
      <div class="overlay_4888-content">
        <p>نبذة عن الموقع</p>
    	<p>الموقع ثم انشاءه سنة ...</p>
      </div>
    </div>

    ثم ضع هذ في المكان الذي تريد ان تظهر فيه كلمة عن الموقع

    <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; عن الموقع</span>
    <script>
    function openNav() {
      document.getElementById("myNav").style.height = "100%";
    }
    function closeNav() {
      document.getElementById("myNav").style.height = "0%";
    }
    </script>

    هذ كل شيء اخي