عرض مشاركة واحدة
احصائياتى

الردود
9

المشاهدات
3040
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

  • abo-karim غير متواجد حالياً

المشاركات
4,227

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

نظام التشغيل
windows 7

رقم العضوية
1
06-27-2017, 01:54 AM
المشاركة 1
06-27-2017, 01:54 AM
المشاركة 1
افتراضي طريقة تغيير لون خلفية شريطة طاقم الادارة وجعله بمنتصف قالب معلومات العضو
السلام عليكم ورحمه الله وبركاته
درسنا اليوم يشرح طريقة تغيير لون خلفية شريط طاقم الادارة باى لون تختار وطبعا علشان هى ادارة الشرح سيكون على عضوية الادمن وباللون الاحمر
اولا سنشرح الكود المسئول عن جعل شريط الادارة بمنتصف قالب العضو
خطوات العمل
  • سجل دخول الى لوحة تحكم منتداك
  • ابحث فى القوالب عن قالب اسمه 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;
        }
كل ده علشان ننزع الزوائد اللى كانت على الشريط كما بالصوره

قبل


بعد





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

داخل قالب 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); }
المشار لهم بالاحمر هم المسئولون عن الالوان

النتيجة



انتهى