منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

الرئيسيةأحدث الصورالتسجيلدخول



شاطر

 معاينة المواضيع قبل الدخول الى الموضوع  Empty
 

  معاينة المواضيع قبل الدخول الى الموضوع

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
محمد صبحي
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 479
الدولة : مصر
#1مُساهمةموضوع: معاينة المواضيع قبل الدخول الى الموضوع     معاينة المواضيع قبل الدخول الى الموضوع  I_icon_minitimeالسبت نوفمبر 11, 2017 6:41 am


اليوم اقدم لكم كود رائع الا وهو معاينة المواضيع وانتا بداخل القسم قبل الدخول الى الموضوع
اولا:صوره للكود
قبل الضغط على زر المعاينة


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد الضغط على زر المعاينة


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




ثانيا:طريقة وضع الكود
لوحة الاداره>>عناصر اضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد>>
العنوان * :كود الرد السريع(او حسب اخيارك)
أضف الكود الى :جميع الصفحات
كود Javascript * :
للنسخ التالية phpBB3, phpBB2 , Invision



الكود:
if (/\/?f\d+.*/.test(window.location.pathname)) {
    $(function () {
  
      $('a.topictitle').after('<a href="#" style="margin-left: 5px;"
class="preview_topic"><img
src="http://i.imgur.com/gdvRoFW.png"/></a>');
        $('.preview_topic').click(function () {
            var url = this.previousSibling.href;
  
          $('body').prepend('<div style="width: 100%; height: 100%;
position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4;
background-color: #3E3E3E;" class="modal"
id="document_modal"></div><div id="topic_popup"
class="popupWrapper" style="z-index: 10001;"></div>');
            $('#topic_popup').load(url + ' .post:first', function () {
                $('#document_modal').click(function () {
                    $('#document_modal, #topic_popup').remove();
                });
            });
            return false;
        });
    });
}
document.write("<style>.popupWrapper
 {background-color: rgba(70, 70, 70, 0.6);border-radius: 4px 4px 4px
4px;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);left: 300px;margin: 0
auto !important;max-height: 400px;max-width: 700px;overflow:
auto;padding: 4px;position: fixed !important;top:
200px;}</style>");

بالنسبة للنسخة punBB :



الكود:
if (/\/?f\d+.*/.test(window.location.pathname)) {
    $(function () {
  
      $('a.topictitle').after('<a href="#" style="margin-left: 5px;"
class="preview_topic"><img
src="http://i.imgur.com/gdvRoFW.png"/></a>');
        $('.preview_topic').click(function () {
            var url = this.previousSibling.href;
  
          $('body').prepend('<div style="width: 100%; height: 100%;
position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4;
background-color: #3E3E3E;" class="modal"
id="document_modal"></div>');
            $('.pun').prepend('<div id="topic_popup" class="popupWrapper" style="z-index: 10001;"></div>');
            $('#topic_popup').load(url + ' .post:first', function () {
                $('#document_modal').click(function () {
                    $('#document_modal, #topic_popup').remove();
                });
            });
            return false;
        });
    });
}
document.write("<style>.popupWrapper
 {background-color: rgba(70, 70, 70, 0.6);border-radius: 4px 4px 4px
4px;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);left: 300px;margin: 0
auto !important;max-height: 400px;max-width: 700px;overflow:
auto;padding: 4px;position: fixed !important;top:
200px;}</style>");




الرابط   [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
معاينة المواضيع قبل الدخول الى الموضوع
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» عمل صورة (تكبير الصورة/ معاينة الأبعاد الأصلية)
» نافذة الدخول السريع المستقلة
» كود ترحيب العضو بعد تسجيل الدخول
» كود css وضع اسم منتداك في اخر عنوان الموضوع
» كود css وضع اسم منتداك في اخر عنوان الموضوع

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: أكواد الجافا إسكريبت JAVA-
انتقل الى:  
أختر لغة المنتدى من هنا
الساعة الآن

اخـرالمواضيــع  معاينة المواضيع قبل الدخول الى الموضوع  I-icon-latest-reply_c1a56 الموقع الشامل القديم  معاينة المواضيع قبل الدخول الى الموضوع  I_icon_minitimeالسبت يناير 13, 2024 4:33 pm من طرف  معاينة المواضيع قبل الدخول الى الموضوع  I-icon-latest-reply_c1a56 برنامج حسابات مجانى  معاينة المواضيع قبل الدخول الى الموضوع  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:22 am من طرف  معاينة المواضيع قبل الدخول الى الموضوع  I-icon-latest-reply_c1a56جديد البرامج المهمة  معاينة المواضيع قبل الدخول الى الموضوع  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:16 am من طرف  معاينة المواضيع قبل الدخول الى الموضوع  I-icon-latest-reply_c1a56سته برامج لحفظ أرقامك الهامة(دليل هاتف)مع بعض المواقع المختصة  معاينة المواضيع قبل الدخول الى الموضوع  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:12 am من طرف  معاينة المواضيع قبل الدخول الى الموضوع  I-icon-latest-reply_c1a56ملف قنوات لــ ترومان 333/666/777/888/999/2010/190 معالجC سي بتاريخ 7-11-2022  معاينة المواضيع قبل الدخول الى الموضوع  I_icon_minitimeالأربعاء نوفمبر 16, 2022 7:28 pm من طرف

Powered by vBulletin Forums ahlamontada
(Copyright ©2015 - 2024 , phpBB2 subsilver)


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *