كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى

شاطر | 
 

 كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى

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

avatar

نوع المتصفح موزيلا

صلي على النبي

صل الله عليه وسلم


انجازاتي
لايتوفر على اوسمة بعد:  

مُساهمةموضوع: كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى    2013-05-26, 03:13


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

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


صورة للكود


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 -->
نستبدله بهدا

الكود: تم انشر القالب

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

avatar

نوع المتصفح موزيلا

صلي على النبي

صل الله عليه وسلم


مُساهمةموضوع: رد: كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى    2013-05-26, 03:16

بارك الله فيك اخي الياس وشكرا على الكود الرائع ودئماا ننتضر جديدك


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

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