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

[Xenforo 2.x] كود لعمل بنرات جميلة لمجموعات المستخدم

النوميدي

الإدارة العامة
عضوية موثوقة
إنضم
1 مارس 2021
المشاركات
336
مستوى التفاعل
84
النقاط
28
الإقامة
أَرْضِ اللهِ
الموقع الالكتروني
2v0sIpz.png


الحــــمــــد للـــه رب العـــالمــين والــصلاة والســـلام على أشـــرف الخـلق والمـرســلين
خـــير خــلق اللـه ســيدنـا محــمــد عــليـــه أفضـــل الصـــلاة وأتـــم التســــليم
،
أعـــضاء المــنتدى الكــــــــــــــرام
أســــــعد اللــه أوقـاتكــــم

،،

يطــيب لي أن أقـــدم لكـــم اليوم كود جميل لإضافــة بنرات روعة للمجموعات الخاصة بالأعضاء
النتيجة بعد إضافة الكود
afis-banner-trgamers.png
كل ما علينا هو التوجع الى قالب extra.less
و نضيف الكواد التالي في أسفل القالب

CSS:
/* Afiş genel kodları */
[class*='trgamersafis_'] {font-family:'Play';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;line-height: 15px;position: relative;max-width: 180px;padding: 2px 20px 2px 15px;user-select: none;color: #FFFFFF;font-size: 11px;font-weight: normal;}
[class*='trgamersafis_'] strong:before {font-family:Font Awesome\ 5 Pro,Font Awesome\ 5 Brands;background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;position: absolute;top: 0;bottom: 0;left: 0;padding: 2px 4px 0px 4px;min-width: 15px;font-size: 100%;text-align: center;}
[class*='trgamersafis_'] strong {margin-left: 15px;}

/* Afiş kodları */
.trgamersafis_00 {background: #8e0909;border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}.trgamersafis_00 strong:before {content: "\f27e";}
.trgamersafis_01 {background: #1C86EE;border-color: #1C86EE;box-shadow: 0 0 15px #1C86EE, inset 0 0 20px white;}.trgamersafis_01 strong:before {content: "\f132";}
.trgamersafis_02 {background: #176093;border-color: #176093;box-shadow: 0 0 15px #176093, inset 0 0 20px white;}.trgamersafis_02 strong:before {content: "\f132";}
.trgamersafis_03 {background: #14bd61;border-color: #14bd61;box-shadow: 0 0 15px #14bd61, inset 0 0 20px white;}.trgamersafis_03 strong:before {content: "\f0e7";}
.trgamersafis_04 {background: #17713c;border-color: #17713c;box-shadow: 0 0 15px #17713c, inset 0 0 20px white;}.trgamersafis_04 strong:before {content: "\f0e7";}
.trgamersafis_05 {background: #8F343A;border-color: #8F343A;box-shadow: 0 0 15px #8F343A, inset 0 0 20px white;}.trgamersafis_05 strong:before {content: "\f3d1";}
.trgamersafis_06 {background: #4ca79b;border-color: #4ca79b;box-shadow: 0 0 15px #4ca79b, inset 0 0 20px white;}.trgamersafis_06 strong:before {content: "\f5b9";}
.trgamersafis_07 {background: #8E44AD;border-color: #8E44AD;box-shadow: 0 0 15px #8E44AD, inset 0 0 20px white;}.trgamersafis_07 strong:before {content: "\f2b5";}
.trgamersafis_08 {background: #F5780D;border-color: #F5780D;box-shadow: 0 0 15px #F5780D, inset 0 0 20px white;}.trgamersafis_08 strong:before {content: "\f4fc";}
.trgamersafis_09 {background: #CF4D35;border-color: #CF4D35;box-shadow: 0 0 15px #CF4D35, inset 0 0 20px white;}.trgamersafis_09 strong:before {content: "\f007";}
.trgamersafis_10 {background: #000000;border-color: #000000;box-shadow: 0 0 15px #000000, inset 0 0 20px white;}.trgamersafis_10 strong:before {content: "\f235";}
.trgamersafis_11 {background: #202020;border-color: #202020;box-shadow: 0 0 15px #202020, inset 0 0 20px white;}.trgamersafis_11 strong:before {content: "\f06e";}
نحفظ القالب و نتجه الى المجموعات و التراخيص ثم مجموعات المستخدم و نختار المجموعة التي سنضيف لها البنر
و نختار "أخرى، باستخدم نمط CSS مخصص" و نضيف مثلا "trgamersafis_10"

Capture.JPG
إذا ما كان الستايل عندك أبيض أو فاتح و لم يعجبك التأثير على البنرات كل ما عليك هو التعديل
على القيمة في دالة
inset و shadow

،،،
إلى شرح جديد نترككم في امان الله و حفظه
يتوجب عليك تسجيل الدخول او تسجيل لروئية الموضوع
 

تنبيه الإدارة العامة

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


أعلى