1. أهلا وسهلاً بكم في :: IQ-TeaM FORUM :: .
    إذا كانت هذه الزيارة الأولى أو لديك الرغبة بالانضمام لأعضاء شبكة عراق تيم فيجب الاطلاع على خصوصية الشبكه فربما بقائك زائر افضل لك من الانضمام بحيث أن قوانين شبكة عراق تيم لا تتناسب مع اهتماماتك .
    • للأطلاع على الخصوصية وسياسة الاستخدام - التفاصيل
    • بعد الاطلاع على سياسة الموقع وقوانين شبكة عراق تيم يمكنك التسجيل معنا - تسجيل عضو جديد
    إستبعاد الملاحظة
الكاتب : Dr.MOT | المشاهدات : 522 | الردود : 10
  1. Dr.MOT إدارة الموقع

    الأنتساب:
    ‏2 سبتمبر 2011
    المشاركات:
    696
    الإعجابات المتلقاة:
    5,487
    نقاط الجائزة:
    215
    الجنس:
    ذكر
    الوظيفة:
    طالب
    الإقامة:
    IraQ
    نظام التشغيل:
    windows 8.1
    اللغة البرمجية:
    CSS
    Facebook:
    YouTube:
    [​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
    نقاط الجائزة:
    75
    الجنس:
    ذكر
    الإقامة:
    مكة مكرمة
    نظام التشغيل:
    Linux
    اللغة البرمجية:
    CSS
    Facebook:
    YouTube:
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

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

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

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

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

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

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

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

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

    الأنتساب:
    ‏24 مارس 2014
    المشاركات:
    102
    الإعجابات المتلقاة:
    1,987
    نقاط الجائزة:
    215
    الجنس:
    ذكر
    الإقامة:
    أطهر البقاع
    نظام التشغيل:
    Linux
    حسابي في الزون اتش Zone-H:
    اللغة البرمجية:
    PHP
    YouTube:
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

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

    الأنتساب:
    ‏4 سبتمبر 2014
    المشاركات:
    614
    الإعجابات المتلقاة:
    917
    نقاط الجائزة:
    215
    الجنس:
    ذكر
    الوظيفة:
    Etudiant
    نظام التشغيل:
    windows 8.1
    اللغة البرمجية:
    C++
    Facebook:
    YouTube:
    رد: كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل

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

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

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

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

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

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

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

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

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

    سلمت يداك

     

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