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

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

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

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

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

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

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

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

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>

    هذ كل شيء اخي