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


chatالمواضيع الأخيرة
نقطهِہ‏‏.access_timeاليوم في 7:53 ampersonAhmed Alshiqaqi
طلب تصميم صورة شبيههaccess_timeأمس في 6:10 pmpersonAhmed Alshiqaqi
طلب تصميم شعارaccess_timeأمس في 3:05 pmpersonمودي الشرقاوي
تصميم لوجوaccess_timeالثلاثاء يناير 15, 2019 6:33 pmpersonAhmed Alshiqaqi
ممكن تسون لي تصميم access_timeالإثنين يناير 14, 2019 12:07 pmpersonAhmed Alshiqaqi
تومبيلات النافبار المميز access_timeالإثنين يناير 14, 2019 9:12 ampersonAlexis Rhodes

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

لونك المفضل

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

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


ارسال رد

هــــــام

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

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