هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن مشاكل وطلبات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=97)
-   -   تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة (https://www.helpernt.com/vb/showthread.php?t=10952)

abumosa 08-18-2020 07:57 PM

تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
السلام عليكم

طلب تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة




MesterPerfect 08-18-2020 10:03 PM

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

font-size: 13px;
color: #ea1919;
text-shadow: 0px 0px 0px transparent, 0px 0px 4px #ed3f3f;
padding-right: 14px;
background: url(https://i.imgur.com/HmBNafa.gif) no-repeat left center;

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

abumosa 08-19-2020 06:00 AM

رد: تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
اقتباس:

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

font-size: 13px;
color: #ea1919;
text-shadow: 0px 0px 0px transparent, 0px 0px 4px #ed3f3f;
padding-right: 14px;
background: url(https://i.imgur.com/HmBNafa.gif) no-repeat left center;

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



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



MesterPerfect 08-19-2020 06:03 AM

رد: تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
اقتباس:

المشاركة الأصلية كتبت بواسطة abumosa (المشاركة 38386)
بالنسبة للكود شغال ولكن اريد يكون التغيير من اختيارات البننر
وعندما اختار الننر لايتغيير شئ ؟



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

مثال

font-size: 13px;

MesterPerfect 08-19-2020 06:08 AM

رد: تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
للمعرفة أكثر

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

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

abumosa 08-19-2020 08:27 AM

رد: تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
اقتباس:

المشاركة الأصلية كتبت بواسطة MesterPerfect (المشاركة 38387)
جرب تضع قيمة معينة في تخصيص البانر

مثال

font-size: 13px;


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

abumosa 08-19-2020 08:36 AM

رد: تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
اقتباس:

المشاركة الأصلية كتبت بواسطة MesterPerfect (المشاركة 38388)
للمعرفة أكثر

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

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


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


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

MesterPerfect 08-19-2020 08:37 AM

رد: تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
اقتباس:

المشاركة الأصلية كتبت بواسطة abumosa (المشاركة 38392)
أين يتم وضع القيمة
البنر لايفتح؟

اختار تخصيص css أخي

أو نمط css مخصص وستجد اسفل منها مكان وضع تخصيصاتك

MesterPerfect 08-19-2020 08:39 AM

رد: تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
اقتباس:

المشاركة الأصلية كتبت بواسطة abumosa (المشاركة 38393)
بعد التسجيل في الموقع الرسمي وتاكيد الحساب


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

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

https://xenforo.com/community/attach...70-png.209097/


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:

https://xenforo.com/community/attach...24-png.209089/


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

https://xenforo.com/community/attach...70-png.209090/


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:

https://xenforo.com/community/attach...77-png.209091/


The result of all that is this:

https://xenforo.com/community/attach...94-png.209092/


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.

https://xenforo.com/community/attach...13-png.209093/


Like so:

https://xenforo.com/community/attach...85-png.209094/

abumosa 08-19-2020 10:24 AM

رد: تغير لون كلا من المدراء والمراقبين والمشرفين بلون مناسب لكل مجموعة
 
اقتباس:

المشاركة الأصلية كتبت بواسطة MesterPerfect (المشاركة 38395)
تفضل By default, XF comes with the following user banner styles:

https://xenforo.com/community/attach...70-png.209097/


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:

https://xenforo.com/community/attach...24-png.209089/


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

https://xenforo.com/community/attach...70-png.209090/


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:

https://xenforo.com/community/attach...77-png.209091/


The result of all that is this:

https://xenforo.com/community/attach...94-png.209092/


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.

https://xenforo.com/community/attach...13-png.209093/


Like so:

https://xenforo.com/community/attach...85-png.209094/



تسلم ياغالي وياريت خلاصة المفيد من هذا الشرح المطول


الساعة الآن 06:04 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir