"" MesterPerfect ""

"" MesterPerfect ""

:: عضو ::
rankrankrank
19 نوفمبر 2017
175
102
18
سوهاج
غير متواجد
#1
السَلام عليكم ورحمة الله وبركاته
شرحنا اليوم يتكلم عن طريقة إضافة ويدجة تسجيل الدخول في جانب المنتدا
توافق الشرح الجيل الثاني xf2
فائدة الشرح
تسهيل تسجيل الدخول إلى المنتدا
والآن لنبدإ على بركة الله
ندخل إلى المنتدا ثم إدارة .......ثم المظهر .......ثم القطع



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


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

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


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

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


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

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


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

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


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


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

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


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

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


القالب أو الكود الذي سوف نضعه هو
HTML:
<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>


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

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


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

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

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

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

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

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


 

 'vdrm Yqhtm ,d][m gjs[dg hg]o,g td [hkf hglkj]h

أعلى