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

الرئيسيةبحـثاليوميةس .و .جالتسجيلدخول



شاطر | 

 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
avatar
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 457
الدولة : مصر
#1مُساهمةموضوع: معاينة المواضيع قبل الدخول الى الموضوع    السبت نوفمبر 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

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

اخـرالمواضيــع ملفات قنوات عربى للاجهزة الصينى بنسبة 95% للمعالج Ali بتاريخ 2017/10/1 الأحد يوليو 22, 2018 12:13 pm من طرف محمدعجوز strong hd 4992 super الازرق الإثنين يوليو 09, 2018 2:33 pm من طرف مجدى ملف قنوات عربى زووم ستار واشباه بتاريخ 2017/6/1 الخميس يونيو 28, 2018 3:45 pm من طرف samehhabib7 ملف عربي بتاريخ 25 /11/ 2017 لاجهزة برفكس (8000h1 الابيض والاسمر و A1 و V1 و 7400H الاسود و 8000H و8400H) معالج 6605 والدفعه الجديده V2 معالج 6605S الأربعاء يونيو 13, 2018 1:00 pm من طرف bedo morad العملاق لرفع وتحميل الصور الأحد يونيو 10, 2018 11:36 pm من طرف محمد صبحي

Powered by vBulletin Forums ahlamontada
(Copyright ©2000 - 2018, phpBB2 subsilver)


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