التصنيف: دعم عام
التصنيف: دعم عام
  • طريقة عمل نافذة منبثقة عند الضغط على كلمة
  • إضافة رابط لجميع صور المقالات أوتوماتيكيا
  • مشكلة نوافذ منبثقة في قالب موقعي

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

السلام عليكم هناك خاصية في موقعكم لما اضغط على كلمة "عن الموقع" تفتح لي نافذة...
قرين |21 جـانفي 2019 |6

إضافة رابط لجميع صور المقالات أوتوماتيكيا

السلام عليكم أحتاج من فضلكم لكود php او java لجعل جميع الصور داخل المواضيع لها...
رشيد |15 جـانفي 2019 |2

مشكلة نوافذ منبثقة في قالب موقعي

السلام عليكم جمعة مباركة اخي الكريم بن ناصر لديا مشكلة في القالب لم اجد لها...
dzair |28 ديسمبر 2018 |11

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

2019/01/21

السلام عليكم

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

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

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


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

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

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

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

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

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



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

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



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

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



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

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

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



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

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



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

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



  11. سيرة الذاتية
    ---------------------------
    لم يقم بكتابة سيرته بعد
  12. رشيد ← علّقَ : 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>

    هذ كل شيء اخي