asdd.ahladalil.com
 
الرئيسيةالأحداثالمنشوراتالتسجيلدخولdresdenمنتدى احمرسكون الروح ستايلمنتدى جديدمجله رسائلكستايلات جارحالوان للتصميمكود التحكم بالخطكود الخط
Wählen Sie eine Sprache Forum hier أختر لغة المنتدى من هنا

شاطر

كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

هل تابعت طلبي ...

يوم ويكمل


اهلا وسهلا بكل الأعضاء
لطلب ستايل او كود
او برمجه افتح موضوع وقدم طلبك
كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي 5405_i10



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

 كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي 493403 



اولا الجافا على جميع الصفحات
الرمز:تحديد_كامل_الكود


الكود:
$(function() {

        // The preview image added after a topic title
        $('a.topictitle').after(' <img id="topicPreview" src="http://hitskin.com/themes/20/23/90/i_icon_latest_reply.png" title="عرض فورى للموضوع" alt="Preview" style="cursor:pointer;" />');
   
        // Once the preview image is clicked
        // we appened the HTML below to the document
        $('img#topicPreview').click(function() {
            $('body').append(
       
                '<div id="preview-filter" style="position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div>'+
           
                '<div id="topicPreview-container" style="top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#D1D1D1;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;">'+
                    '<style>'+
                        '#closeButton {color:#fff;font-size:10px;font-weight:bold;background:rgba(0,0,0,0.6);box-shadow:0px 0px 2px rgba(0,0,0,1) inset;text-shadow:0px 0px 1px #000;display:inline-block;border-radius:30px;padding:3px 6px;cursor:pointer;position:absolute;top:-8px;right:-8px;}'+
                        '#closeButton:hover {background:#D56262;}'+
                    '</style>'+
                    '<div id="closeButton">اغلاق الصفحة</div>'+
                    '<div id="topicPreviewing" style="max-height:600px;overflow-y:auto;">'+
                        '<center>'+
                            '<span class="topicPreview-loading" style="font-weight:bold;font-size:18px;">'+
                                'انتظر من فضلك'+
                            '</span>'+
                        '</center>'+
                    '</div>'+
                '</div>'
           
            );
       
            // Load the first post of a topic
            $('#topicPreviewing').load(jQuery(this).siblings('a.topictitle').attr('href')+' .post:eq(0)');
       
            // Remove preview on click of the filter
            $('div#preview-filter, #closeButton').click(function() {
              $('#preview-filter, #topicPreview-container').remove();
          });
        });
    });



ثانيا كود CSS لضبط حجم النافذة

الرمز:تحديد_كامل_الكود



الكود:
        #topicPreview-container {
          left:2% !important;
          right:2% !important;
          top:7% !important;
        }


اهلا وسهلا بكل الأعضاء
لطلب ستايل او كود
او برمجه افتح موضوع وقدم طلبك
كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي 5405_i10

شكرا للموضوع المميز روعه روعه


كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي Images?q=tbn:ANd9GcQZAArL_nJVSfNNm-UotgMJwLtWpLgwM8FlRZs0122ho1sfdEvdIA

كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي First_car_sig_by_xxlykaiosxx-d45lyc1

كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي F0q0wg

كمل الستايل مبرووك


اهلا وسهلا بكل الأعضاء
لطلب ستايل او كود
او برمجه افتح موضوع وقدم طلبك
كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي 5405_i10

رائع


اهلا وسهلا بكل الأعضاء
لطلب ستايل او كود
او برمجه افتح موضوع وقدم طلبك
كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي 5405_i10
 
كود ايقونه بجنب الموضوع حتا ينفتح الموضوع انبثاقي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
اسد بابل للاعلان والمواقع المجانيه :: الاكواد العامه (2) :: اكواد جافا سكربت-
انتقل الى: