[تومببيلت] كود الدخول السريع بشكل احترافي

[khabab 0]

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

اليوم احب ان اعرض عليكم كود دخول السريع بشكل مميز


صورة للكود


http://i75.servimg.com/u/f75/18/17/70/27/137.png

الآن الى الكود

اول شيء يجب تفعيل نافدة الترحيب السريعة
وهدا شرح لكيفية تفعيلها
نافذة الدخول السريع المستقلة

توجه الى :
لوحة ادارة / مظهر المنتدى / التومبيلات و القوالب / ادارة عامة

تم ندخل على قالب : overall_header

نبحث عن

الكود: ---------تضليل المحتوى

الكود:

  <!-- BEGIN switch_login_popup -->  <div id="login_popup">     <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">        <tr height="25">            <td class="catLeft">              <span class="genmed module-title">{SITENAME}</span>            </td>        </tr>        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">            <td class="row1" align="left" valign="top">              <div id="login_popup_buttons">                  <form action="{S_LOGIN_ACTION}" method="get">                    <input type="submit" class="mainoption" value="{L_LOGIN}" />                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />                  </form>              </div>              <span class="genmed">{LOGIN_POPUP_MSG}</span>            </td>        </tr>      </table>  </div>  <!-- END switch_login_popup -->

نستبدله بهدا




الكود: ---------تضليل المحتوى

الكود:

    <!-- BEGIN switch_login_popup -->    <div id="login_popup">     <form action="{S_LOGIN_ACTION}" method="post" name="form_login">       <span class="prez">مرحبا بك في منتدى <br />يرجى تسجيل الدخول:<br /></span><br />          <span>اسم الدخول:</span><br />    <input class="post" type="text" size="10" name="username" id="nm" /><br />    <span>{L_PASSWORD}:</span><br />    <input class="post" type="password" size="10" name="password" id="pass" /><br />   <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span>{L_AUTO_LOGIN}</span><br />    {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" id="log" /><br />   <span class="oda"><a class="gensmall" href="/register">التسجيل!</a> | <a class="gensmall" href="/profile?mode=sendpassword">نسيت كلمة السر?</a></span>          <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" id="dnt" />          </form>     </div>    <!-- END switch_login_popup -->

تم انشر القالب

تم توجه الى
لوحة ادارة / مظهر المنتدى / الوان / ورقة css
وضع بها هدا الكود
الكود: ---------تضليل المحتوى

الكود:

    #login_popup {      width: 230px !important;      height: 320px !important;      padding: 0;      background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/vywr10.jpg) no-repeat center top;      -moz-border-radius: 6px;      -webkit-border-radius: 6px;      border-radius: 6px;      box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2);      -moz-box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2);      -webkit-box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2);      border: 1px solid #fff;      font-family: Verdana,Arial,Helvetica;      color: #826363;      font-size: 10px;      }     #login_popup form {      width: 230px !important;      margin: 60px auto 0;      text-align: center;    }     input.post {      padding: 5px 30px 5px 5px;      margin: 0 auto;      width: 180px;      border: 1px solid #B0C4DE;      -moz-border-radius: 3px;      -webkit-border-radius: 3px;      border-radius: 3px;      -moz-box-shadow: 0 1px 1px #87CEFA inset;      -webkit-box-shadow: 0 1px 1px #87CEFA inset;      box-shadow: 0 1px 1px #87CEFA inset;    }      input#nm {      background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/busine12.png) no-repeat center right;    }      input#pass {      background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/link10.png) no-repeat center right;    }     input.radio {      vertical-align: middle;    }      #log {      width: 218px;      padding: 7px 0;      margin: 5px auto 20px !important;      border: 1px solid #B0C4DE;      -moz-border-radius: 3px;      -webkit-border-radius: 3px;      border-radius: 3px;      -moz-box-shadow: 0 1px 1px #87CEFA;      -webkit-box-shadow: 0 1px 1px #87CEFA;      box-shadow: 0 1px 1px #87CEFA;      cursor: pointer;      color: #826363;      }      #login_popup_close {      width: 100%;      height: 30px !important;      padding: 3px 0;      margin: 5px auto !important;      background: rgba(42, 44, 44, 0.2);      color: #fff;      cursor: pointer;      border: none;    }       .prez {      text-shadow: 0 1px 0 #fff;      font-weight : bold;    }      .oda a {      text-shadow: 0 1px 0 #fff;      text-decoration: none !important;      color: #74B2CB;    }      .oda a:hover {      color: #008000;    }

ومبرووووووك عليك كود الدخول السريع بطريقة مميزة

الكود منقل من المنتدى اجنبي
مع بعض تعديلات مني

[Mr ToDAY 0]

موضوع متميز مشكوووور جدا

[alfahloy-alfahloy 0]

موضوع متميز مشكوووور جدا

[اميرة الكون 0]

موضوع رائع وجميل تحية قلبية جميلة بجمال طرحك..

[AmEr-Dz 0]

يتجسد الابداع دائما في مواضيعك عندما يكون لها هذا التميز

[amir99 0]

يتجسد الابداع دائما في مواضيعك عندما يكون لها هذا التميز

[1M ThE BesT 0]

يتجسد الابداع دائما في مواضيعك عندما يكون لها هذا التميز

[AmEr-Dz 0]

حقاً تستحق التقدير على هذا المجهود الرائع والكبير تحياتى وتقديرى

[لؤلؤة العراق 0]

حقاً تستحق التقدير على هذا المجهود الرائع والكبير تحياتى وتقديرى

[~الاميرة ندى~ 0]

دمت متألق ومن تميز لأميز تقبل أرق التحايا كرقتك.أستمر وأنتَ مبدع

[شخـصية هـامة 0]

دمت متألق ومن تميز لأميز تقبل أرق التحايا كرقتك.أستمر وأنتَ مبدع

[الاميرالعاشق 0]

يتجسد الابداع دائما في مواضيعك عندما يكون لها هذا التميز

[الدلوعة 0]

وجدت هنا موضوع وطرح شيق ورائع اعجبني ورآق لي شكراً جزيلاً لك .

[AmEr-Dz 0]

بارك الله فيك على الموضوع القيم والمميز وفي إنتظار جديدك الأروع

[wlaa ahmed 0]

بارك الله فيك على الموضوع القيم والمميز وفي إنتظار جديدك الأروع

[3A9LiyA dZ 0]

بارك الله فيك على الموضوع القيم والمميز وفي إنتظار جديدك الأروع

[max32 0]

حقاً تستحق التقدير على هذا المجهود الرائع والكبير تحياتى وتقديرى

[الرومانسى 0]

دمت رائع الطرح وافر العطاء مع خالص تحياتى وفائق تقديرى

[سفير الحب 0]

شكرآ جزيلا على الموضوع الرائع و المميز واصل تالقك معنا بالمنتدى

[alizezo2000 0]

شكرا لك على الموضوع الجميل و المفيد

[فراشة الربيع 0]

كالعادة إبداع رائع وطرح يستحق المتابعة شكراً لك

[dina 0]

مشاركة رائعة إبداع في الطرح وروعة في الإنتقاء وجهداً تشكر عليه

[فارس الاحلام 0]

موضوع جميل ومميز.. شكراً لأناملك التى خطت هذا الإبداع

[شيبساوي 0]

سلمت الانامل التي خطت هذا الجمال . دمت نجما لامعا

[سارة بوزيان 0]

شكرا على الموضوع . مجهود جدا رائع.. تحياتي لك

[AmEr-Dz 0]

لك خالص الشكر ووافر الامتنان على ما بذلت من جهد فى هذا الموضوع

[alfahloy-alfahloy 0]

مشاركة رائعة إبداع في الطرح وروعة في الإنتقاء وجهداً تشكر عليه

[شيبساوي 0]

مشاركة رائعة إبداع في الطرح وروعة في الإنتقاء وجهداً تشكر عليه

[amir99 0]

موضوعك رائع ومميز.. دائما كلماتي تعجز عن وصف مدى ورووعة موضووعك

[شاعرة الجيل 0]

موضوع رائع وجميل تحية قلبية جميلة بجمال طرحك..

[اميرة الكون 0]

يتجسد الابداع دائما في مواضيعك عندما يكون لها هذا التميز

[شخـصية هـامة 0]

يتجسد الابداع دائما في مواضيعك عندما يكون لها هذا التميز

[اميرة الكون 0]

دمت متألق ومن تميز لأميز تقبل أرق التحايا كرقتك.أستمر وأنتَ مبدع

[amir99 0]

دمت متألق ومن تميز لأميز تقبل أرق التحايا كرقتك.أستمر وأنتَ مبدع

[لؤلؤة العراق 0]

مشاركة رائعة إبداع في الطرح وروعة في الإنتقاء وجهداً تشكر عليه