تسجيل عضوية معنا !
تسجيل الدخول
ادخلني بشكل آلي المرة القادمة
avatar
موقع سيرتا ويب يرحب بكم :
  • منتجات مجانية ودعم مجاني
  • تعليمي و تثقيفي
  • اخر الاخبار التقنية
  • مكتبة دروس برمجية شاملة
مكتبة تعلم لغات البرمجة
انتقل الى المكتبة
انظم في فريق عملنا
ارسل طلبك
تحميل Geeky 0.1
تحميل آخر اصدار

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Smile
مؤسس المنتدي
avatar

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

التقييم : 36024


مُساهمةموضوع: تومبيلات كود نافذة الدخول السريع   الثلاثاء أغسطس 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;
        }


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



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

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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.fm63.net/
 
تومبيلات كود نافذة الدخول السريع
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
نجوم اف ام | Nogoum FM :: 
الاقسام المتقدمة
 :: أكواد التومبلات Templates
-
انتقل الى: