1. Dr.MOT

    Dr.MOT Support - Iq-Team

    الأنتساب:
    ‏2 سبتمبر 2011
    المشاركات:
    650
    الإعجابات المتلقاة:
    5,463
    نقاط الجائزة:
    93
    الجنس:
    ذكر
    الوظيفة:
    طالب
    الإقامة:
    IraQ
    [​IMG]
    بسم الله الرحمن الرحيم

    السلام عليكم ورحمة الله وبركاته

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

    موضوع اليوم شرح أضهار نافذه لدعوة الزائر للتسجيل لاكن بشكل جميل

    [ اسم شرح ] : كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    [ وصف شرح ] : كود نافذه دعوة الزائر في التسجيل وبدون اخطاء مع التوافق الكامل مع
    validator.w3.org

    [ يتوافق مع اي اصدار ] : 3.8

    [ مقدم شرح ] : Dr.MOT

    [ موقع مقدم الشرح ] : http://www.iq-team.org/vb

    [​IMG]

    في البداية نأخذ مثال مصور للكود :{3!}:

    [​IMG]

    [​IMG]

    [​IMG]

    طريقة الاضافة تسطيع اضافة الكود في اي مكان حسب رغبتك

    وانا انصح وضعه في نهاية الفوتير ليضهر في جميع صفحات المنتدى

    تسطيع وضعه في قوالب مكان الاعلان ثمه اضفه في قالب ad_footer_end

    [​IMG]

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

    [​IMG]

    [​IMG]

    ملاحضه هناك من حاول اقتباس الكود ولاكن يوجد مشاكل كثيره :{3!}:

    حبيت اطرحه مجانآ المقابل دعوه بضهور الغيب

    الكود

    كود PHP:
    <!--  guest to register by www.iq-team.org  -->
    <if 
    condition="$show['guest']">
    <
    div class="guest_Show" id="did_you_know">
    <
    div id="did_you_know_cont">
    <
    h1 class="guest_1">مرحبا بزائرنا الكريم <img alt="" src="http://www.iq-team.org/vb/images/smilies/iq-team%20(1).gif"></h1>
    <
    span class="guest_2">
     
    لأننا نعتز بك .. نحن ندعوك للتسجيل معنا في مجتمعنا
    ولتكون أحد أفراد عائلتنا الودودة فهل ستقبل دعوتنا ؟
    </span>
    <
    div style="display: block;padding: 5px;">
    <
    a onclick="did_you_know_yes();" href="register.php" style="font-size: 17px; font-weight: bold;color: #7CFC00;" title="سوف يفتح في صفحة مستقلة" target="_blank">نعم أقبل الدعوة</a>
    <
    a onclick="did_you_know_cancel();return false;" title="اخفاء النافذة" style="position: relative; right: 100px;font-size: 17px; font-weight: bold;color: #F89406;bottom: 3px;" href="#" id="did_you_know_cancel">ليس الان</a>
    </
    div>
    <
    span style="font-family: tahoma;font-size: 12px;">عملية التسجيل سهلة جدا ولن تستغرق من وقتك سوى أقل من دقيقة </span>
    </
    div>
    <
    div style="text-align:center;font-size:16px;display:none" id="did_you_know_bye">حسنا <img alt="" src="http://www.iq-team.org/vb/images/smilies/168.gif"، تستطيع متى أردت العوده الينا أن تكتب (<font color="#FFA500"شبكة عراق تيم 
    </font> ) في Google لتجدنا والتسجيل من رابط التسجيل في أعلى  الصفحة
    <span style="display:block;">إلى اللقاء <img alt="" src="http://www.iq-team.org/vb/images/smilies/iq-team%20(5).gif"><img style="cursor:hand;cursor:pointer;" id="cry_image" alt="" src="http://www.iq-team.org/vb/images/smilies/iq-team%20(5).gif"></span>
    </
    div>
    <
    div style="text-align:center;font-size:16px;display:none" id="did_you_know_not_bye">حقا غيرت رأيك وتريد التسجيل؟ <img alt="" src="http://www.iq-team.org/vb/images/smilies/66.gif"حسنا، 
    <br><br>
    <
    div style="display: block;padding: 5px;">
    <
    a onclick="did_you_know_yes();" href="register.php" style="font-size: 17px; font-weight: bold;color: #7CFC00;" title="سوف يفتح في صفحة مستقلة" target="_blank">قم بالتسجيل</a>
    <
    a onclick="did_you_know_cancel_again();return false;" title="اخفاء النافذة" style="font-weight: bold; position: relative;font-size: 17px; font-weight: bold; right: 40px;color:#F89406;bottom: 3px;" href="#" id="did_you_know_cancel">كلا، لم أغير رأيي <img src="http://www.iq-team.org/vb/images/smilies/2.gif"></a>
    </
    div></div>
    <
    div style="text-align:center;font-size:16px;display:none" id="did_you_know_canel_again">اممممممم <img alt="" src="http://www.iq-team.org/vb/images/smilies/10.gif"كما تريد، كما أخبرناك، تستطيع التسجيل من رابط التسجيل في الأعلى، لا تتردد اوكي ؟ .. إلى اللقاء
    </div></div>
    <
    script src="http://www.iq-team.org/css/reg.js" type="text/javascript"id="did_you_know_script></script></if>
    <!-- / guest to register by www.iq-team.org  -->
    [​IMG]

    ##### تحديث أضافة كود اخر بدون الجيكوري #####

    كود PHP:
    <!--  guest to register by www.iq-team.org  -->
    <if 
    condition="$show['guest']">
    <
    div style="background-color: rgba(12, 31, 92, 0.9); border: 0pt none; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: 0px 0px 10px 2px #89C4F4; color: white; left: 20px; margin: 0pt; opacity: 1.0; padding: 25px; position: fixed; width: 280px; z-index: 9999; font-size: 15px; bottom: 0px; text-align: right; font-family: arial; font-weight: bold; height: 150px;" id="did_you_know">
    <
    div id="did_you_know_cont">
    <
    h1 style="font-size: 20px; border-bottom: 1px solid; margin-bottom: 5px;">مرحبا بزائرنا الكريم <img alt="" src="http://www.iq-team.org/vb/images/smilies/iq-team%20(1).gif"></h1>
    <
    span style="font-family: tahoma;font-size: 12px;color: #F2F1EF">
     
    لأننا نعتز بك .. نحن ندعوك للتسجيل معنا في مجتمعنا
    ولتكون أحد أفراد عائلتنا الودودة فهل ستقبل دعوتنا ؟
    </span>
    <
    div style="display: block;padding: 5px;">
    <
    a onclick="did_you_know_yes();" href="register.php" style="font-size: 17px; font-weight: bold;color: #7CFC00;" title="سوف يفتح في صفحة مستقلة" target="_blank">نعم أقبل الدعوة</a>
    <
    a onclick="did_you_know_cancel();return false;" title="اخفاء النافذة" style="position: relative; right: 100px;font-size: 17px; font-weight: bold;color: #F89406;bottom: 3px;" href="#" id="did_you_know_cancel">ليس الان</a>
    </
    div>
    <
    span style="font-family: tahoma;font-size: 12px;">عملية التسجيل سهلة جدا ولن تستغرق من وقتك سوى أقل من دقيقة </span>
    </
    div>
    <
    div style="text-align:center;font-size:16px;display:none" id="did_you_know_bye">حسنا <img alt="" src="http://www.iq-team.org/vb/images/smilies/168.gif"، تستطيع متى أردت العوده الينا أن تكتب (<font color="#FFA500"شبكة عراق تيم 
    </font> ) في Google لتجدنا والتسجيل من رابط التسجيل في أعلى  الصفحة
    <span style="display:block;">إلى اللقاء <img alt="" src="http://www.iq-team.org/vb/images/smilies/iq-team%20(5).gif"><img style="cursor:hand;cursor:pointer;" id="cry_image" alt="" src="http://www.iq-team.org/vb/images/smilies/iq-team%20(5).gif"></span>
    </
    div>
    <
    div style="text-align:center;font-size:16px;display:none" id="did_you_know_not_bye">حقا غيرت رأيك وتريد التسجيل؟ <img alt="" src="http://www.iq-team.org/vb/images/smilies/66.gif"حسنا، 
    <br><br>
    <
    div style="display: block;padding: 5px;">
    <
    a onclick="did_you_know_yes();" href="register.php" style="font-size: 17px; font-weight: bold;color: #7CFC00;" title="سوف يفتح في صفحة مستقلة" target="_blank">قم بالتسجيل</a>
    <
    a onclick="did_you_know_cancel_again();return false;" title="اخفاء النافذة" style="font-weight: bold; position: relative;font-size: 17px; font-weight: bold; right: 40px;color:#F89406;bottom: 3px;" href="#" id="did_you_know_cancel">كلا، لم أغير رأيي <img src="http://www.iq-team.org/vb/images/smilies/2.gif"></a>
    </
    div>
    </
    div>
    <
    div style="text-align:center;font-size:16px;display:none" id="did_you_know_canel_again">اممممممم <img alt="" src="http://www.iq-team.org/vb/images/smilies/10.gif"كما تريد، كما أخبرناك، تستطيع التسجيل من رابط التسجيل في الأعلى، لا تتردد اوكي ؟ .. إلى اللقاء
    </div>
    </
    div>
    <
    script id="did_you_know_script" type="text/javascript">
    // &lt;![CDATA[
    function did_you_know_cancel(){
    $(
    '#did_you_know_cont').fadeOut(500,function(){
    $(
    '#did_you_know_bye').fadeIn(500,function(){
    window.setTimeout(function(){
    $(
    '#did_you_know').animate({bottom:-250},2000, function(){
    window.setTimeout(function(){
    $(
    '#cry_image').css({'position':'fixed','bottom':'-20px'})
    .
    click(function(){did_you_know_not_bye();})
    .
    animate({bottom:200},1000,'swing', function(){
    $(
    '#cry_image').animate({bottom:0},500,'swing', function(){
    // $('#did_you_know').remove();
    // $('#did_you_know_script').remove();
    });
    });
    }, 
    250);
    });
    },
    5000);
    });
    });
    }
    function 
    did_you_know_yes(){
    $(
    '#did_you_know').fadeOut(500,function(){
    $(
    '#did_you_know').remove();
    });
    }
    function 
    did_you_know_not_bye(){
    $(
    '#cry_image').fadeOut();
    $(
    '#did_you_know_bye').hide();
    $(
    '#did_you_know_not_bye').show();
    $(
    '#did_you_know').animate({bottom:0},2000);
    }
    function 
    did_you_know_cancel_again(){
    $(
    '#did_you_know_not_bye').fadeOut(250,function(){
    $(
    '#did_you_know_canel_again').fadeIn(250);    
    });
    window.setTimeout(function(){
    $(
    '#did_you_know').animate({bottom:-250},2000);
    },
    4500);
    }
    $(
    document).ready(function(){
    window.setTimeout(function(){
    $(
    '#did_you_know').animate({bottom:0},3000);
    }, 
    10000);
    });
    // ]]&gt;
    </script>
    </if>
    <!-- / guest to register by www.iq-team.org  -->
    [​IMG]

    وهكذا وصلنا لخاتمة موضوعنا لهذا اليوم

    اتمنى ان اكون وفقت في الطرح

    وفقكم الله لما يحب ويرضى {1!$7}
     
  2. ĐЯ-ЩΘЩΘ

    ĐЯ-ЩΘЩΘ iq-team مراقب عآم

    الأنتساب:
    ‏13 يوليو 2014
    المشاركات:
    512
    الإعجابات المتلقاة:
    50
    نقاط الجائزة:
    28
    الجنس:
    ذكر
    الإقامة:
    مكة مكرمة
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    ماشاء الله تبارك الرحمن

    ايش اقول لك ياغالي {1!$7}

    الله يسعدك و يحفظك

    يثبت و ينشر :{14}:
     
  3. ping_flood

    ping_flood Developer

    الأنتساب:
    ‏12 ابريل 2013
    المشاركات:
    11
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    ماشاء الله
     
  4. Zero-737

    Zero-737 Developer

    الأنتساب:
    ‏15 نوفمبر 2012
    المشاركات:
    108
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    18
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    كفوِ عليكُ آخوىُ ، يسسلمُ ألأيآدىُ
     
  5. Black-Heart

    Black-Heart V • I • P

    الأنتساب:
    ‏24 مارس 2014
    المشاركات:
    102
    الإعجابات المتلقاة:
    1,987
    نقاط الجائزة:
    93
    الجنس:
    ذكر
    الإقامة:
    أطهر البقاع
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    ما شاء الله تبارك الله , مرآ نآيس [​IMG]
     
  6. E L I M O

    E L I M O .: مشرف اقسام ألانضمة :. مشرف

    الأنتساب:
    ‏4 سبتمبر 2014
    المشاركات:
    614
    الإعجابات المتلقاة:
    917
    نقاط الجائزة:
    93
    الجنس:
    ذكر
    الوظيفة:
    Etudiant
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    السلام عليكم
    شكرا لك اخي على هذا الموضوع المميز شرح ممتاز وتنسيق جميل
    مزيدا فنحن ننتظر ابداعاتك
    [​IMG]
     
  7. General Rahmane

    General Rahmane Developer plus DeveloPer Plus

    الأنتساب:
    ‏31 أكتوبر 2014
    المشاركات:
    225
    الإعجابات المتلقاة:
    2
    نقاط الجائزة:
    18
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    سلمت يداك يا غالي

    جميل جداُ
     
  8. Jeo Sawager

    Jeo Sawager Developer

    الأنتساب:
    ‏15 أكتوبر 2014
    المشاركات:
    148
    الإعجابات المتلقاة:
    4
    نقاط الجائزة:
    18
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    سلمت يمنآك يمنآك
    مآقصرت وتنسيق رآئع
    :{1!}:​
     
  9. Ďอяк.Ŝ๑ūŁ07

    Ďอяк.Ŝ๑ūŁ07 Developer

    الأنتساب:
    ‏13 نوفمبر 2014
    المشاركات:
    49
    الإعجابات المتلقاة:
    3
    نقاط الجائزة:
    8
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    موضوووووع احترافي ماشاء الله عليك
    ربي ينورك ياغالي
     
  10. MR.CAPTCHA

    MR.CAPTCHA Expert Developer ExpErt DeveloPer

    الأنتساب:
    ‏30 أغسطس 2014
    المشاركات:
    1,786
    الإعجابات المتلقاة:
    14
    نقاط الجائزة:
    38
    الوظيفة:
    I.T Student
    الإقامة:
    IRAQ
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

    سلمت يداك

     

مشاركة هذه الصفحة