دعم أحلى منتدى

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

منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد التومبلايت

اذهب الى الأسفل

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

مُساهمة من طرف Yassine Bablil 31/3/2013, 14:41

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

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


صورة للكود

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

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

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

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

تم ندخل على قالب : 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;
    }
ومبرووووووك عليك كود الدخول السريع بطريقة مميزة

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

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

تم تجديد الصور بواسطة : DeLeTe



عدل سابقا من قبل (GeNeRaL) في 26/3/2015, 13:24 عدل 2 مرات (السبب : تجديد الصور)
Yassine Bablil
Yassine Bablil
 
 

ذكر
عدد المساهمات : 7314
معدل النشاط : 12097
السُمعة : 167

https://absba.cc

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد التومبلايت

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى