شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

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

avatar
بصمة خالدة
  •  

  • الجنس : انثى

    السمك

    عدد المساهمات : 126280

    نقاط النشاط : 141936

    السٌّمعَة : 2976

    بلد العضو :

    العمر : 32

    معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
    تمت المشاركة في الخميس ديسمبر 15, 2016 7:14 pm
    تذكير بمساهمة فاتح الموضوع :

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



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

    عضو جديد
    عدد المساهمات : 90

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الثلاثاء يونيو 12, 2018 3:31 pm
    thx

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

    avatar
    مؤسس الإبداع العربي
  •  

  • الجنس : ذكر

    الجدي

    عدد المساهمات : 10361

    نقاط النشاط : 10665

    السٌّمعَة : 118

    بلد العضو :

    العمر : 34



    معاينة صفحة البيانات الشخصي للعضوhttp://medialive.pro
    تمت المشاركة في الأربعاء يونيو 13, 2018 12:28 am
    يعطيكم العافية على الطرح ,m,nn
    كل الاحترام تحية مع الشكر

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

    avatar
    عضو محترف
    الجنس : ذكر

    الاسد

    عدد المساهمات : 3329

    نقاط النشاط : 3995

    السٌّمعَة : 57

    بلد العضو :

    العمر : 22



    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في السبت يوليو 21, 2018 5:36 am
    كود اكثر من رائع
    لك منى كل تحية وردة حمراء
    التوقــيـــــــــــــــــــــع


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

    avatar
    عضو نشيط
    الجنس : ذكر

    عدد المساهمات : 135

    نقاط النشاط : 264

    السٌّمعَة : 2

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الجمعة نوفمبر 09, 2018 1:56 pm
    aشكرااااااااااااااااااااااااا
    استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
    صلاحيات هذا المنتدى:
    لاتستطيع الرد على المواضيع في هذا المنتدى
    Top