ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

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

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


m13
  افضل مساهمة2
جديد وحصري لكل منتدي شكراا الله ينور


ساظل انتظر حتي ياتي
هع
  افضل مساهمة3
thx
  افضل مساهمة4
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
لاتستطيع الرد على المواضيع في هذا المنتدى