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

شاطر
 

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

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

admin

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

صلي على النبي

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


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

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


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

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


صورة للكود

كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى  137
https://i.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 -->
نستبدله بهدا

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

تم توجه الى
لوحة ادارة / مظهر المنتدى / الوان / ورقة 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

عماد-28

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

صلي على النبي

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


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

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

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

عريب في بلادي

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

صلي على النبي

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


كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى  Empty
مُساهمةموضوع: رد: كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى    كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى  Empty2018-02-10, 01:59

236
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود الدخول السريع متحرك مع الصفحة بتعديل التمبلات لمنتديات أحلى منتدى
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» ستايل الملاك لكل منتديات أحلى منتدى بتقنية التمبلات
» حصريا واجهة ترايد نتTRAIDNTعلى منتديات أحلى منتدى بنفس التوزيع بتعديل تمبلات وتوزيعcss+
» أطلب مجلة بلوحة تحكم لمنتديات أحلى منتدى
» الطريقه الصحيحه لكيفيه تغيير شكل الماوس بالمنتدى لمنتديات أحلى منتدى
» [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده اخر انجازات منتديات ماي أصحاب

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