• أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

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

ِِAraby5050

الحمد لله رب العالمين
22 فبراير 2019
52
62
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,531
المشاركات
17,403
الأعضاء
1,085
آخر عضو مسجل
awadino
أعلى