المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [ شرح ] : طريقة تغيير لون خلفية شريطة طاقم الادارة وجعله بمنتصف قالب معلومات العضو

abo-karim
06-27-2017, 01:54 AM
السلام عليكم ورحمه الله وبركاته
درسنا اليوم يشرح طريقة تغيير لون خلفية شريط طاقم الادارة باى لون تختار وطبعا علشان هى ادارة الشرح سيكون على عضوية الادمن وباللون الاحمر
اولا سنشرح الكود المسئول عن جعل شريط الادارة بمنتصف قالب العضو
خطوات العمل

سجل دخول الى لوحة تحكم منتداك
ابحث فى القوالب عن قالب اسمه message_user_info.css
قم الان بالبحث عن هذا الكود

.messageUserBlock .userBanner
{
display: block;
margin-bottom: 5px;
margin-left: -{xen:calc 'intval(@messageUserText.padding-left) + 6'}px;
margin-right: -{xen:calc 'intval(@messageUserText.padding-right) + 6'}px;
}استبداله الى
.messageUserBlock .userBanner {
display: block;
margin-bottom: 5px;
}ثم قم بالبحث عن عذا القالب user_banners.css
ابحث بداخله عن هذا الكود
.userBanner.wrapped span
{
position: absolute;
top: -4px;
width: 5px;
height: 4px;
background-color: inherit;
}استبداله الى
.userBanner.wrapped span
{

top: -4px;
width: 5px;
height: 4px;
background-color: inherit;
}كل ده علشان ننزع الزوائد اللى كانت على الشريط كما بالصوره

قبل

http://www.helpernt.com/vb/attachment.php?attachmentid=638&stc=1&d=1498517439

بعد

http://www.helpernt.com/vb/attachment.php?attachmentid=643&stc=1&d=1498581796




ثانيا : تغيير لون الخلفيه

داخل قالب user_banners.css ابحث عن

.userBanner.bannerStaff { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighter; }
.userBanner.bannerStaff.wrapped span { background-color: @primaryLighter; }قم باستبداله الى
.userBanner.bannerStaff { color: #fff; background-color: rgb(255, 2, 2); border-color: rgb(255, 2, 2); }
.userBanner.bannerStaff.wrapped span { background-color: rgb(255, 2, 2); }المشار لهم بالاحمر هم المسئولون عن الالوان

النتيجة

http://www.helpernt.com/vb/attachment.php?attachmentid=642&stc=1&d=1498581602

انتهى
حسين 1991
06-27-2017, 10:21 AM
جيد ابو كريم بارك الله فيك
abo-karim
06-27-2017, 07:45 PM
جيد ابو كريم بارك الله فيك


مش ناسى طلبك طريقة جعل اسم العضو اعلى قالب معلومات العضو وساقوم الان بعمله
حسين 1991
06-27-2017, 08:06 PM
مش ناسى طلبك طريقة جعل اسم العضو اعلى قالب معلومات العضو وساقوم الان بعمله


مشكورررررررررر في انتضارك ابو كريم
abo-karim
07-03-2017, 11:02 PM
مشكورررررررررر في انتضارك ابو كريم



شاكر لك المرور للمره الثانية
هيلبرنت
07-04-2017, 09:03 PM
تسلم الااااااااااااااااااااااا ااااايادى
نسيت النوم
07-08-2017, 08:17 PM
شرح رررررررررررررررررروعه
S!L3NT H!LL
07-11-2017, 10:45 PM
اول شي اشكرك على الشروحات الموجودة في هذا القسم فهية افضل من المواقع المختصة في هذا السكربت فقط
بس مشكلتي بعد تطبيق الشرح النر لم يتغير الى اللون الاحمر ممكن تعطيني كود جاهز للون الاحمر لم استطع التعديل عليه لقلت خبرتي فيه :(
sadat
03-26-2018, 08:56 PM
جميل اخى

احسنت
النوميدي
08-12-2020, 09:15 PM
تسلم ..يا طيب..،
لكن للأسف الشرح غير شغال على أخر نسخة
إن كان ممكن شرح ثاني ، و ربنا يبارك فيك ..يا رب
ودي