معهد الدعم الفني العربي
مرحباً بك معنا في موقعنا عزيزي الزائر
تفضل بالتعريف بنفسك أو بالتسجيل إن لم تكن عضواً في منتدانا بعد...

معهد الدعم الفني العربي

معهد الدعم الفني العربي
 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
http://i74.servimg.com/u/f74/17/99/94/65/56454510.png http://i74.servimg.com/u/f74/17/99/94/65/56454510.png

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Prince M!Do
:.:نائب المدير:.:
:.:نائب المدير:.:
avatar

الجنس الجنس : ذكر
الدولة الدولة :
نسخة المنتدى: نسخة المنتدى: :
عدد المساهمات : 175
نقاط الدعم : 4151
التقييم : 10
الانتســـاب الانتســـاب : 05/04/2013
•احترام قوانين المنتدى•| : 100%

مُساهمةموضوع: [تومببيلت] كود الدخول السريع بشكل احترافي    الإثنين نوفمبر 25, 2013 9:44 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 -->
نستبدله بهدا



الكود بعد الرد Embarassed 

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

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

الكود منقل من المنتدى اجنبي
مع بعض تعديلات من الاخ Gta_Cena95
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
[تومببيلت] كود الدخول السريع بشكل احترافي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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