تطوير المواقع تركيب السكربتات والبرمجيات وقواعد البيانات والهاكات و ستايلات المنتديات و ترقيع الثغرات






  • رقم العضوية
    846967
  • الإقامة
    مصر
  • المشاركات
    2,505
الوسـام الماسـي
تاريخ التسجيل: Oct 2016
مستوى التقييم: 84
أحمد بكر محمد بكر أحمد بكر محمد بكر أحمد بكر محمد بكر أحمد بكر محمد بكر أحمد بكر محمد بكر أحمد بكر محمد بكر
# :1
طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


السَلام عليكم ورحمة الله وبركاته
شرحنا اليوم يتكلم عن طريقة إضافة ويدجة تسجيل الدخول في جانب المنتدا
توافق الشرح الجيل الثاني xf2
فائدة الشرح
تسهيل تسجيل الدخول إلى المنتدا
والآن لنبدإ على بركة الله
ندخل إلى المنتدا ثم إدارة .......ثم المظهر .......ثم القطع


طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


ثم نضغط على إضافة قطعة كما بالصورة

طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


ثم نختار نوع القطعة كما بالصورة

طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


نختار من القطع HTML كما بالصورة

طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


نكتب مفتاح القطعة (طبعا أجباري ( ونكتب على سبيل المثال "login"

ثم نكتب عنوان القطعة )أختياري( وليكن مثلا تسجيل الدخول
والصورة تشرح

طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


ثم نختار مكان ظهور القطعة وترتيب عرضها كما بالصورة

طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


ثم نضع الكود ونحدد على "الوضع المتقدم" ونضغط حفظ كما بالصورة

طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


القالب أو الكود الذي سوف نضعه هو
كود:
<xf:if is="!$xf.visitor.user_id">
<div class="block"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">{$title}</h3>
        <div class="block-body block-row">
      <xf:if contentcheck="true">
        <div class="blockMessage blockMessage--error blockMessage--iconic">
          <xf:contentcheck>{$error}</xf:contentcheck>
        </div>
      </xf:if>

      <xf:form action="{{ link('login/login') }}" class="block">
        <div class="block-container">
          <div class="block-body">
            <div class="block">
              <div class="block-outer-middle">
                <xf:textbox name="login" value="{$login}" autofocus="autofocus" autocomplete="username"
                placeholder="{{ phrase('your_name_or_email_address') }}" />
              </div>
            </div>
            <div class="block">
              <div class="block-outer-middle">
                <xf:textbox name="password" type="password" autocomplete="current-password"
              placeholder="{{ phrase('password') }}">
                  <xf:html>
                    <a href="{{ link('lost-password') }}" data-xf-click="overlay">{{ phrase('forgot_your_password') }}</a>
                  </xf:html>
                </xf:textbox>
              </div>
            </div>

            <xf:if is="$captcha">
              <xf:captcha label="{{ phrase('verification') }}" force="true" />
            </xf:if>

            <xf:checkbox>
              <xf:option name="remember" selected="true">{{ phrase('stay_logged_in') }}</xf:option>
            </xf:checkbox>
          </div>
          <xf:submitrow icon="login" />
        </div>
        <xf:if is="$xf.options.registrationSetup.enabled">
          <div class="block-outer block-outer--after">
            <div class="block-outer-middle">
              {{ phrase('dont_have_account_question') }} <xf:button href="{{ link('register') }}">{{ phrase('register_now') }}</xf:button>
            </div>
          </div>
        </xf:if>
      </xf:form>

        </div>
    </div>
</div>
</xf:if>



وأخيرا نتيجة العمل تكون هكذا

طريقة إضافة ويدجة لتسجيل الدخول في جانب المنتدا


وبهذا ينتهي شرحنا

طبعا لا أنسا توجيه الشكر لأخي الحبيب
Turkialawlqy على أمدادي بكود القالب في أحد المواضيع فجزاه الله عنا خيرا

وأرجو أن أكون قد وفقت في أيضاح المعلومة

وأعتذر لكم على أي خطأ بالشرح

فائق تحياتي للجميع

وسَلام الله عليكم ورحمته وبركاته






لدعم قناة وسام الحمد على اليوتيوب

  • رقم العضوية
    411198
  • الإقامة
    Jordan
  • المشاركات
    3,085
مدير منتدى البرمجة العام - والهندسة العكسية
تاريخ التسجيل: Jan 2013
مستوى التقييم: 103
Abufahmi Abufahmi Abufahmi Abufahmi Abufahmi Abufahmi Abufahmi Abufahmi Abufahmi Abufahmi Abufahmi
# :2
مشكور اخي علي تعبك وشكرا جزيلا
  • رقم العضوية
    703695
  • الإقامة
    OUED ZEM
  • المشاركات
    524
عضو محترف
تاريخ التسجيل: Dec 2015
مستوى التقييم: 18
maaidni maaidni maaidni maaidni maaidni
# :3
جزاك الله عنا خيرا تركي العولقي هو زعيم جيوش xenforo ونحن نقطة في بحره ومنه كلنا نتعلم
  • رقم العضوية
    722652
  • المشاركات
    9,864
الوسـام الماسـي
تاريخ التسجيل: Jan 2016
مستوى التقييم: 329
torrenty torrenty torrenty torrenty torrenty torrenty torrenty torrenty torrenty torrenty torrenty
# :4
شكرا لك
  • رقم العضوية
    846967
  • الإقامة
    مصر
  • المشاركات
    2,505
الوسـام الماسـي
تاريخ التسجيل: Oct 2016
مستوى التقييم: 84
أحمد بكر محمد بكر أحمد بكر محمد بكر أحمد بكر محمد بكر أحمد بكر محمد بكر أحمد بكر محمد بكر أحمد بكر محمد بكر
# :5
اقتباس: المشاركة الأصلية كتبت بواسطة Abufahmi
مشكور اخي علي تعبك وشكرا جزيلا
العفو أخي الكريم

مشكور على المرور