السلام عليكم ..
التمميز البصري هوَ من يعطي الالتفات الى منتداك او موقعك ، والاشياء الصغيرة هـيَ من تجذب الانتباه اكثر من الاشياء الكبيرة ، ساقوم باعطاءك بعض من الاكواد التي تستخدمها تغير شكـل الوان المجموعات ، بشكـل احترافي ورائع ، مع وضع علامة توثيق بجنب الاسم ويمكن تتغير الصورة الى اين كان (تاج - صقر - إلى آخره...)
معاينة الكود :
قمت بوضع كـل سطر على ماذا يعمل لسهولة تغير الالوان
ارجو ان ينال الشرح والكود اعجابكم ، مع تحياتي لاعضاء منتدى انكور التطويري - اعداد وشرح : مهدي حميد .
ملاحظة : يمنع النقل دون ذكر المصدر منتدى انكور التطويري .
التمميز البصري هوَ من يعطي الالتفات الى منتداك او موقعك ، والاشياء الصغيرة هـيَ من تجذب الانتباه اكثر من الاشياء الكبيرة ، ساقوم باعطاءك بعض من الاكواد التي تستخدمها تغير شكـل الوان المجموعات ، بشكـل احترافي ورائع ، مع وضع علامة توثيق بجنب الاسم ويمكن تتغير الصورة الى اين كان (تاج - صقر - إلى آخره...)
معاينة الكود :
خطوات الشرح :
- توجه الى لوحة تحكم المنتدى (Admin Control Panel)
- اختر تبويب المجموعات والتصاريح ( Groups & Permissions)
- اختر المجموعة التي تحب ان تغيرها مثلاً >> Admin , الادارة
- ابحث عن خيار عنوان لاسم المستخدم css ,
- وتضع الكود
CSS:
/* لون اسم الإدارة */
color: #ff0000;
font-weight: bold;
text-shadow: 0 0 5px #ff0000, 0 0 10px #ff4d4d;
&:before {
content: '';
display: inline-block;
width: 15px; /* عرض الصورة */
height: 15px; /* ارتفاع الصورة */
background: url('https://d.top4top.io/p_37517krqk0.png') no-repeat center center;
background-size: contain;
margin-right: 8px; /* مسافة بين التاج والاسم */
vertical-align: middle; /* لمحاذاة الصورة مع النص */
margin-bottom: 4px; /* رفع الصورة الى الاعلى */
}قمت بوضع كـل سطر على ماذا يعمل لسهولة تغير الالوان
المرحلة الاخيرة :
تفعيل التنسيق في كُل مكان ، لكي تظهر الالوان في كل انحاء المنتدى مثل(المشاركات،الاعضاء المتصلون،طاقم الادارة) كما موجود في الصورة الان ..- اذهب الى الاعدادات >> الخيارات >> معلومات المستخدم
- تأكد من تفعيل خيار تنسيق اسم المستخدم للمجموعة .
ارجو ان ينال الشرح والكود اعجابكم ، مع تحياتي لاعضاء منتدى انكور التطويري - اعداد وشرح : مهدي حميد .
ملاحظة : يمنع النقل دون ذكر المصدر منتدى انكور التطويري .