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

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

تومبلايت نافذة ترحيب بالزائر بشكل جديد
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اليوم تعديلات بسيطة بالهيدر بقالب 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

يعطيكم العافية على الطرح
كل الاحترام

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