المواضيع الأخيرة
قائمة الأصدقاء

تومبيلات كود نافذة الدخول السريع

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

avatar
Smile
مؤسس المنتدي

مُشَارِكتي : 2034

التقييم : 36024

http://www.fm63.net/

مُساهمةSmile في الثلاثاء أغسطس 26, 2014 9:28 pm

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

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


صورة للكود


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;
        }


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

توقيع : Smile


ﻟﻴﺲ‏ ﻛﻞ ﻣﻦ ﺍﺳﺘﺨﺪﻡ ﺑﺮﺍﻣﺞ ﺍﻟﺘﺼﻤﻴﻢ ﺃﺻﺒﺢ ﻣﺼﻤﻢ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺍﺧﺬ ﺳﻴﺮﻓﺮ ﺃﺻﺒﺢ ﻣﺴﺘﻀﻴﻒ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺭﻛﺐ ﻫﺎﻙ ﺍﺻﺒﺢ ﺩﻋﻢ ﻓﻨﻲ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺭﻛﺐ ﺻﻔﺤﺔ ﺃﺻﺒﺢ ﻣﻄﻮﺭ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﻛﺘﺐ ﻛﻮﺩ ﺃﺻﺒﺢ ﻣﺒﺮﻣﺞ

--------------
ﻭ ﻟﻜﻦ ﻛﻞ ﻣﻦ ﺗﻮﺍﺿﻊ ﻟﻠﻪ ﺃﺻﺒﺢ ﻣﺤﺘﺮﻑ
--------------
يا
زائر
إذا أردت الاستفسار عن أى شئ لا تتردد فى ارسال رساله على الايميل
info@fm63.net


استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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