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

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)

طريقة تغيير لون خلفية شريطة طاقم الادارة وجعله بمنتصف قالب معلومات العضو

السلام عليكم ورحمه الله وبركاته

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

سجل دخول الى لوحة تحكم منتداك
ابحث فى القوالب عن قالب اسمه 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/attachmen...1&d=1498517439

بعد

http://www.helpernt.com/vb/attachmen...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/attachmen...1&d=1498581602

انتهى