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





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

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



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

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


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

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

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

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

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

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






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

مشكور اخي علي تعبك وشكرا جزيلا
جزاك الله عنا خيرا تركي العولقي هو زعيم جيوش xenforo ونحن نقطة في بحره ومنه كلنا نتعلم
شكرا لك
اقتباس : المشاركة الأصلية كتبت بواسطة Abufahmi
مشكور اخي علي تعبك وشكرا جزيلا
العفو أخي الكريم

مشكور على المرور
اقتباس : المشاركة الأصلية كتبت بواسطة maaidni
جزاك الله عنا خيرا تركي العولقي هو زعيم جيوش xenforo ونحن نقطة في بحره ومنه كلنا نتعلم
نعم أخي أنهو زعيم جيوش xenforo

وانا لا أريد أن أكون نقطة في بحر صراحتا ههههههه

بل أريد أن أكون ولو بحيرة كدا على قدي في المستقبل القريب

تحياتي لك أخي الحبيب
اقتباس : المشاركة الأصلية كتبت بواسطة torrenty
شكرا لك
العفو أخي

جزاكَ الله خيراً أخي الكريم ... تقبل تحياتي.


بارك الله فيك



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

أدوات الموضوع