XF 2.0 و XF 2.1 - طريقة انشاء بانرات بالوان جديده لمجموعات المستخدم بعدد لانهائى | XenArabia | زين فورو العربية

XF 2.0 و XF 2.1 طريقة انشاء بانرات بالوان جديده لمجموعات المستخدم بعدد لانهائى

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
63
النقاط
18
الإقامة
مصر
بسم الله الرحمن الرحيم

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

الاخوه الكرام اعضاء المنتدى تحيه طيبه وبعد

◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘
اقدم لكم

طريقة انشاء بانرات بالوان جديده لمجموعات المستخدم بعدد لانهائى

الطريقه كالتالى

الكود التالى ، تضعه بالقالب
HTML:
app_user_banners.less
هذا هو الكود
HTML:
    &.userBanner--abusomaia { .m-userBannerVariation(white,#ff7675); }
كما بالشكل التالى


519
يعطيك النتيجه التاليه

520

◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘
والطريقه ممكن تضيف بها عدد لامحدود من البانرات كما تحب

مثال

كود:
    &.userBanner--abusomaia1 { .m-userBannerVariation(white,yellow); }[/B][/CENTER][/B][/CENTER][/B][/CENTER][/B][/CENTER][/B][/CENTER][/B][/CENTER][/B][/CENTER]
[B][CENTER][B][CENTER][B][CENTER][B][CENTER][B][CENTER][B][CENTER][B][CENTER]    &.userBanner--abusomaia2 { .m-userBannerVariation(white,blue); }
    &.userBanner--abusomaia3 { .m-userBannerVariation(white,orange); }
    &.userBanner--abusomaia4 { .m-userBannerVariation(white,green); }
    &.userBanner--abusomaia5 { .m-userBannerVariation(white,tomato); }
    &.userBanner--abusomaia6 { .m-userBannerVariation(white,red); }
    &.userBanner--abusomaia6 { .m-userBannerVariation(white,black); }


والالوان تختارها طبعا كما تحب

علما بان اللون الاول white هو لون النص واللون الاخر هو لون الخلفيه.

وطريقة وضع الكود فى اختيار بانر المجموعه

تختار اخرى باستخدام نمط css

تم تدخل الاسم التالى كما بالصوره

userBanner userBanner--abusomaia


521

واذا قررت استخدام المجموعات كما بالمثال بالاعلى فتضع الاسماء كالتالى

userBanner userBanner--abusomaia1
userBanner userBanner--abusomaia2
userBanner userBanner--abusomaia3
userBanner userBanner--abusomaia4
userBanner userBanner--abusomaia5
userBanner userBanner--abusomaia6

وهكذا.....

♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦


طريقه اخرى

ضع الكود التالى بالقالب extra.less

HTML:
.abusomaia1 {background: #e84393;border-color: #8e0909;color: white;}
النتيجه

522

وغير الالوان كما تحب

علما بأن

background - هو لون الخلفيه
border-color - لون حدود للبانر
color - لون الخط

وطريقة التطبيق كالتالى عند تحديد بانر المجموعه

تختار "اخرى باستخدام نمط css مخصص"

وتكتب بالمربع

كود:
abusomaia1
كما بالصوره

523

◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘

واخيرا نتمنى لكم الافاده ... ونسألكم الدعاء
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
628
مستوى التفاعل
660
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
ما شاء الله تبارك الله
أحسنت أخي على الشرح الجميل و الدرس المفيد
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
165
مستوى التفاعل
172
النقاط
43
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا وشرح في غاية الجمال
جزاك الله خيرا أخي وبورك فيك
 

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
63
النقاط
18
الإقامة
مصر
ما شاء الله تبارك الله
أحسنت أخي على الشرح الجميل و الدرس المفيد
شكرا لك اخى محمد

نورت الموضوع اخى الغالى
 
كاتب الموضوع المواضيع المتشابهة المنتدى الردود التاريخ
ِِAraby5050 تعديلات قوالب Xenforo 7

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

إحصائيات المنتدى

المواضيع
288
المشاركات
1,684
الأعضاء
103
آخر عضو مسجل
noezde7am
أعلى