اهلا وسهلا بكم في منتدنا

اهلا ومرحبا بك اخي واختي الزوار الكرام .. نرحب بكم في عائلة منتدي ميدو سات 2018 .. يسعدنا اختياركم لموقعنا وان شاء الله سنقدم لكم الافضل .. تم تجديد المنتدي بنجاح .. الاستايل الجديد مازال قيد التطوير ولا أحلل سرقته ابداً

شاطر
استعرض الموضوع السابقاستعرض الموضوع التالي
نشر بتاريخ :- --    من طرف :: Admin
avatar
ذكر المساهمات : 673
تاريخ التسجيل : 02/02/2018
http://www.midosat2018.com
تومبلايت نافذة ترحيب بالزائر بشكل جديد
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اليوم تعديلات بسيطة بالهيدر بقالب 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;
}
ثم سجل 
ومبروك عليكم التغيير 
التغيرات بالنسخة الثانية فقط 
دمتم بخير
نشر بتاريخ :- --    من طرف :: عاشقة الجنة
avatar
انثى المساهمات : 113
تاريخ التسجيل : 07/02/2018
http://wahetaleslam.yoo7.com/
رائع جدااا
تسلم على التومبلايت المميز
شكرا لك

استعرض الموضوع السابقاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
اذهب الى الاعلى
مرحبا بك فى منتدانا العزيز
http://www.midosat2018.com
جارى لعمل على الفوتر