العودة   منتديات داماس > منتدى البرمجة العام > تطوير المواقع

إضافة رد
13-06-2018, 12:28 AM
أحمد بكر محمد بكر
الوسـام الذهبي
رقم العضوية: 846967
تاريخ التسجيل: Oct 2016
الإقامة: مصر
المشاركات: 2,496
تلقى دعوات الى: 39 موضوع
إعجاب: 210
تلقى 607 إعجاب على 448 مشاركة
 

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

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

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

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

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






13-06-2018, 01:33 AM
Abufahmi
مدير منتدى البرمجة العام - والهندسة العكسية
رقم العضوية: 411198
تاريخ التسجيل: Jan 2013
الإقامة: Jordan
المشاركات: 3,075
تلقى دعوات الى: 2881 موضوع
إعجاب: 1,007
تلقى 2,568 إعجاب على 838 مشاركة
 
مشكور اخي علي تعبك وشكرا جزيلا

13-06-2018, 02:49 AM
maaidni
عضو محترف
رقم العضوية: 703695
تاريخ التسجيل: Dec 2015
الإقامة: OUED ZEM
المشاركات: 523
تلقى دعوات الى: 6 موضوع
إعجاب: 149
تلقى 442 إعجاب على 200 مشاركة
 
جزاك الله عنا خيرا تركي العولقي هو زعيم جيوش xenforo ونحن نقطة في بحره ومنه كلنا نتعلم

13-06-2018, 03:03 AM
torrenty
الوسـام الماسـي
رقم العضوية: 722652
تاريخ التسجيل: Jan 2016
المشاركات: 9,653
تلقى دعوات الى: 256 موضوع
إعجاب: 7
تلقى 1,424 إعجاب على 1,305 مشاركة
 
شكرا لك

13-06-2018, 04:47 AM
أحمد بكر محمد بكر
الوسـام الذهبي
رقم العضوية: 846967
تاريخ التسجيل: Oct 2016
الإقامة: مصر
المشاركات: 2,496
تلقى دعوات الى: 39 موضوع
إعجاب: 210
تلقى 607 إعجاب على 448 مشاركة
 
المشاركة الأصلية كتبت بواسطة Abufahmi 
مشكور اخي علي تعبك وشكرا جزيلا
العفو أخي الكريم

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

13-06-2018, 04:51 AM
أحمد بكر محمد بكر
الوسـام الذهبي
رقم العضوية: 846967
تاريخ التسجيل: Oct 2016
الإقامة: مصر
المشاركات: 2,496
تلقى دعوات الى: 39 موضوع
إعجاب: 210
تلقى 607 إعجاب على 448 مشاركة
 
المشاركة الأصلية كتبت بواسطة maaidni 
جزاك الله عنا خيرا تركي العولقي هو زعيم جيوش xenforo ونحن نقطة في بحره ومنه كلنا نتعلم
نعم أخي أنهو زعيم جيوش xenforo

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

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

تحياتي لك أخي الحبيب

13-06-2018, 04:51 AM
أحمد بكر محمد بكر
الوسـام الذهبي
رقم العضوية: 846967
تاريخ التسجيل: Oct 2016
الإقامة: مصر
المشاركات: 2,496
تلقى دعوات الى: 39 موضوع
إعجاب: 210
تلقى 607 إعجاب على 448 مشاركة
 
المشاركة الأصلية كتبت بواسطة torrenty 
شكرا لك
العفو أخي

13-06-2018, 12:31 PM
كمال بدر
الوسـام الماسـي
رقم العضوية: 435810
تاريخ التسجيل: Nov 2013
الإقامة: جمهورية مصـر العربية
المشاركات: 26,551
تلقى دعوات الى: 1141 موضوع
إعجاب: 6,818
تلقى 8,599 إعجاب على 4,784 مشاركة
 

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

13-06-2018, 11:13 PM
Dzhamza
مجموعة الإدارة
رقم العضوية: 438707
تاريخ التسجيل: Nov 2013
الإقامة: Algeria
المشاركات: 15,448
تلقى دعوات الى: 3050 موضوع
إعجاب: 6,431
تلقى 16,747 إعجاب على 3,165 مشاركة
 


بارك الله فيك




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



Powered by vBulletin® Version
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
The owner and operator of the site is not responsible for the availability of, or any content provided.
Topics that are written in the site reflect the opinion of the author.
جميع ما يُطرح من مواضيع ومشاركات تعبر عن رأي كاتبها ولا تعبر عن رأي مالك الموقع أو الإدارة بأي حال من الأحوال.