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

ِِAraby5050

الحمد لله رب العالمين
22 فبراير 2019
66
68
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

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

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

الأعضاء المتصلون

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

المواضيع
1,593
المشاركات
19,443
الأعضاء
1,010
آخر عضو مسجل
جيمي
أعلى