"" MesterPerfect ""

"" MesterPerfect ""

:: عضو ::
rankrankrankrank
إنضم
19 نوفمبر 2017
المشاركات
255
الإعجابات
132
النقاط
17
العمر
19
الإقامة
سوهاج
الموقع الالكتروني
الدولة
مصر
#1
السَلام عليكم ورحمة الله وبركاته
شرحنا اليوم يتكلم عن طريقة إضافة ويدجة تسجيل الدخول في جانب المنتدا
توافق الشرح الجيل الثاني xf2
فائدة الشرح
تسهيل تسجيل الدخول إلى المنتدا
والآن لنبدإ على بركة الله
ندخل إلى المنتدا ثم إدارة .......ثم المظهر .......ثم القطع



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


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

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


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

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


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

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


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

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


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


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

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


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

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


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


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

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


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

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

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

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

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

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


 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
إنضم
1 فبراير 2012
المشاركات
2,163
الإعجابات
2,065
النقاط
37
الإقامة
شبوة
الموقع الالكتروني
الدولة
اليمن
#2
بارك الله فيك اخي على الشرح ومشاركة الكود
تحيتي
 
"" MesterPerfect ""

"" MesterPerfect ""

:: عضو ::
rankrankrankrank
إنضم
19 نوفمبر 2017
المشاركات
255
الإعجابات
132
النقاط
17
العمر
19
الإقامة
سوهاج
الموقع الالكتروني
الدولة
مصر
#4
بارك الله فيك اخي على الشرح ومشاركة الكود
تحيتي
جزاك الله خيرا أخي بعض ما عندكم
تحياتي لك
 
"" MesterPerfect ""

"" MesterPerfect ""

:: عضو ::
rankrankrankrank
إنضم
19 نوفمبر 2017
المشاركات
255
الإعجابات
132
النقاط
17
العمر
19
الإقامة
سوهاج
الموقع الالكتروني
الدولة
مصر
#5
سلمت يداك اخي على الشرح
مزيدا من التالق
الله يبارك فيك أخي محمد
تسلم على المرور
 
hr7xx

hr7xx

:: عضو ::
rankrank
إنضم
3 فبراير 2017
المشاركات
87
الإعجابات
80
النقاط
7
الإقامة
الرياض
الموقع الالكتروني
الدولة
السعودية
#6
شكراً لكـ ..
 

كلمة المدير

يطيب لي أن أرحب بكافة متصفحي وزائري xenForo العربية إذ نسعى من خلال الموقع إلى توفير دروس وحلول تقنية وبرمجيات تناسب احتياجاتكم وتطلعاتكم؛.

تابعنا على المواقع الاجتماعية


إتصل بنا

خيارات الاستايل

اللون الاساسي
اللون الثاني
لون الروابط
خلفية المنتدى
تصميم الهيدر
نوع الخط
تمديد المنتدى
فصل الأقسام
إخفاء السايدبار
انتقل لصفحة الموضوع لتمكين الخيارات
الصورة الرمزية
بيانات العضو
إخفاء التوقيع

إرجاع خيارات الإستايل