home الرئيسيةpeople_outline الأعضاء vpn_key دخول


chatالمواضيع الأخيرة
تصميم بنر access_timeاليوم في 1:56 pmpersonAhmed Alshiqaqi
تصميم فواااصل ضروريةaccess_timeاليوم في 1:55 pmpersonAhmed Alshiqaqi
اريد تصميم ايقونات access_timeاليوم في 1:45 pmpersonAhmed Alshiqaqi
طلب ضرووووويaccess_timeأمس في 10:01 ampersonAhmed Alshiqaqi
طلب بعمل شكل دائريaccess_timeالجمعة فبراير 15, 2019 11:50 ampersonAhmed Alshiqaqi
طلب تصميم صورتين باحترافيهaccess_timeالخميس فبراير 14, 2019 4:46 pmpersonAnas Herzallah
طلب تصميم...access_timeالأربعاء فبراير 13, 2019 1:05 ampersonbrahim
new_releasesأفضل 10 أعضاء في هذا الأسبوع

طريقة عرض الأقسام

لونك المفضل



تومبلايت نافذة ترحيب بالزائر بشكل جديد

تذكير بمساهمة فاتح الموضوع :

تومبلايت نافذة ترحيب بالزائر بشكل جديد
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اليوم تعديلات بسيطة بالهيدر بقالب overall_header
وكود css ويعطينا شكل احترافي لترحيب بالزائر مع تسجيل دخول مستقل احترافي
صورة لشكل الجديد

اوﻻ تفعيل نافذة الترحيب للزوار
اذهب الى لوحة الادارة. ادارة عامة. منتدى . تشكيل
نافذة الترحيب بالزوار . تنشيط نعم
........
طريقة التركيب
اذهب إلى. لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة
.قالب 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;
}

ثم سجل
ومبروك عليكم التغيير
التغيرات بالنسخة الثانية فقط
دمتم بخير


رد: تومبلايت نافذة ترحيب بالزائر بشكل جديد

thx

رد: تومبلايت نافذة ترحيب بالزائر بشكل جديد

يعطيكم العافية على الطرح ,m,nn
كل الاحترام تحية مع الشكر

رد: تومبلايت نافذة ترحيب بالزائر بشكل جديد

كود اكثر من رائع
لك منى كل تحية وردة حمراء


رد: تومبلايت نافذة ترحيب بالزائر بشكل جديد

aشكرااااااااااااااااااااااااا

رد: تومبلايت نافذة ترحيب بالزائر بشكل جديد

ty


ارسال رد

هــــــام

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

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