وعليكم السَلام ورحمة الله وبركاته
ادخل أخي إلى لوحة التحكم ثم المجموعات والتراخيص ثم مجموعات المستخدم
اختار المجموعة التي تريد
ثم انزل إلى تنسيق إسم المستخدم CSS:
وضع فيها هذا الكود مع التعديل حسب ما تريده
ويمكنك تنسيق بانر المستخدم عن طريق النزول إلى خيار تنسيق بنر المستخدم:
وتختار البانر من البنرات الموجودة أو تختار أخرى، باستخدم نمط CSS مخصص
وتكتب التخصيصات حسب ما تريد
تحياتي

بالنسبة للكود شغال ولكن اريد يكون التغيير من اختيارات البننر
وعندما اختار الننر لايتغيير شئ ؟

جرب تضع قيمة معينة في تخصيص البانر

مثال

font-size: 13px;

للمعرفة أكثر

يمكنك متابعة الموضوع عبر الموقع الرسمي

https://xenforo.com/community/resour...-styling.7334/

أين يتم وضع القيمة
البنر لايفتح؟

بعد التسجيل في الموقع الرسمي وتاكيد الحساب


(( ليس لديك إذن لعرض المحتوى الكامل لهذا المورد.))

تفضل By default, XF comes with the following user banner styles:




Creating custom styling using the Other, using custom CSS class name option is fairly straightforward.

This guide will explain how to.

The easiest way by far to add new prefix styling and to ensure it inherits all of the core styling is to edit the app_user_banners.less template.

Look for the section in the template highlighted in the screenshot below:




Then just add your custom entries after the orange entry and before the closing }, as follows:




I recommend using a name which won't cause any potential conflicts with the core code, or third party add-ons.
I prefix all of my custom entries with the acronym for my site -- cta -- and also like to give it a descriptive name, so in this case I have used ctaSupporter.

The two values/colours in the curly brackets denote the text colour, in this case white, and the background colour, in this case #008800.

XF will then generate the border colour based on those values, using the core CSS.

Finally, configure the user group:




The result of all that is this:




You can of course style it as you wish, adding icons, images, etc.

To do that you would use the extra.less template.
The following example adds a Font Awesome (https://fontawesome.com/icons?d=gallery ) star icon in front of the text.




Like so: