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

مشاهدة النسخة كاملة : [ مشكلة ]: تغير لون شريط لقب الادارة في سكربت XenForo


S!L3NT H!LL
07-13-2017, 10:19 PM
السلام عليكم ,
اسعد الله اوقاتكم.
طبقت شرح ابو كريم الي موجود هنا

طريقة تغيير لون خلفية شريطة طاقم الادارة وجعله بمنتصف قالب معلومات العضو (http://www.helpernt.com/vb/showthread.php?t=6049)


تم تطبيق الفرع الاول من الموضوع وتم بحمدالله ام تلوين شعار الادارة ما قبل يتلون عندي
ايش سبب المشكلة الله يسعدكم.

هيلبرنت
07-13-2017, 10:53 PM
ارفق لنا هذا القالب user_banners.css

S!L3NT H!LL
07-13-2017, 11:01 PM
ارفق لنا هذا القالب user_banners.css

.userBanner
{
font-size: 11px;
padding: 1px 5px;
border: 1px solid transparent;
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
text-align: center;
}

.userBanner.wrapped
{
border-top-right-radius: 0;
border-top-left-radius: 0;
position: relative;
}

.userBanner.wrapped span
{

top: -4px;
width: 5px;
height: 4px;
background-color: inherit;
}

.userBanner.wrapped span.before
{
border-top-left-radius: 3px;
left: -1px;
}

.userBanner.wrapped span.after
{
border-top-right-radius: 3px;
right: -1px;
}

.userBanner.bannerHidden { background: none; box-shadow: none; border: none; }
.userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; }
.userBanner.bannerHidden.wrapped span { display: none; }

كود:

.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); }



.userBanner.bannerPrimary { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighter; }
.userBanner.bannerPrimary.wrapped span { background-color: @primaryLighter; }

.userBanner.bannerSecondary { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }
.userBanner.bannerSecondary.wrapped span { background-color: @secondaryLighter; }

.userBanner.bannerRed { color: white; background-color: red; border-color: #F88; }
.userBanner.bannerRed.wrapped span { background-color: #F88; }

.userBanner.bannerGreen { color: white; background-color: green; border-color: green; }
.userBanner.bannerGreen.wrapped span { background-color: green; }

.userBanner.bannerOlive { color: black; background-color: olive; border-color: olive; }
.userBanner.bannerOlive.wrapped span { background-color: olive; }

.userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; }

.userBanner.bannerBlue { color: white; background-color: blue; border-color: #88F; }
.userBanner.bannerBlue.wrapped span { background-color: #88F; }

.userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; }
.userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; }

.userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color: skyblue; }
.userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; }

.userBanner.bannerGray { color: black; background-color: gray; border-color: #AAA; }
.userBanner.bannerGray.wrapped span { background-color: #AAA; }

.userBanner.bannerSilver { color: black; background-color: silver; border-color: silver; }
.userBanner.bannerSilver.wrapped span { background-color: silver; }

.userBanner.bannerYellow { color: black; background-color: yellow; border-color: #E0E000; }
.userBanner.bannerYellow.wrapped span { background-color: #E0E000; }

.userBanner.bannerOrange { color: black; background-color: orange; border-color: #FFC520; }
.userBanner.bannerOrange.wrapped span { background-color: #FFC520; }

هيلبرنت
07-13-2017, 11:11 PM
فم باستبدال قالب user_banners.css بالكامل بهذا الكود
.userBanner
{
font-size: 11px;
padding: 1px 5px;
border: 1px solid transparent;
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
text-align: center;
}

.userBanner.wrapped
{
border-top-right-radius: 0;
border-top-left-radius: 0;
position: relative;
}

.userBanner.wrapped span
{

top: -4px;
width: 5px;
height: 4px;
background-color: inherit;
}

.userBanner.wrapped span.before
{
border-top-left-radius: 3px;
left: -1px;
}

.userBanner.wrapped span.after
{
border-top-right-radius: 3px;
right: -1px;
}

.userBanner.bannerHidden { background: none; box-shadow: none; border: none; }
.userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; }
.userBanner.bannerHidden.wrapped span { display: none; }

.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); }

.userBanner.bannerPrimary { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighter; }
.userBanner.bannerPrimary.wrapped span { background-color: @primaryLighter; }

.userBanner.bannerSecondary { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }
.userBanner.bannerSecondary.wrapped span { background-color: @secondaryLighter; }

.userBanner.bannerRed { color: white; background-color: red; border-color: #F88; }
.userBanner.bannerRed.wrapped span { background-color: #F88; }

.userBanner.bannerGreen { color: white; background-color: green; border-color: green; }
.userBanner.bannerGreen.wrapped span { background-color: green; }

.userBanner.bannerOlive { color: black; background-color: olive; border-color: olive; }
.userBanner.bannerOlive.wrapped span { background-color: olive; }

.userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; }

.userBanner.bannerBlue { color: white; background-color: blue; border-color: #88F; }
.userBanner.bannerBlue.wrapped span { background-color: #88F; }

.userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; }
.userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; }

.userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color: skyblue; }
.userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; }

.userBanner.bannerGray { color: black; background-color: gray; border-color: #AAA; }
.userBanner.bannerGray.wrapped span { background-color: #AAA; }

.userBanner.bannerSilver { color: black; background-color: silver; border-color: silver; }
.userBanner.bannerSilver.wrapped span { background-color: silver; }

.userBanner.bannerYellow { color: black; background-color: yellow; border-color: #E0E000; }
.userBanner.bannerYellow.wrapped span { background-color: #E0E000; }

.userBanner.bannerOrange { color: black; background-color: orange; border-color: #FFC520; }
.userBanner.bannerOrange.wrapped span { background-color: #FFC520; }

S!L3NT H!LL
07-13-2017, 11:32 PM
فم باستبدال قالب user_banners.css بالكامل بهذا الكود
.userbanner
{
font-size: 11px;
padding: 1px 5px;
border: 1px solid transparent;
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
text-align: Center;
}

.userbanner.wrapped
{
border-top-right-radius: 0;
border-top-left-radius: 0;
position: Relative;
}

.userbanner.wrapped span
{

top: -4px;
width: 5px;
height: 4px;
background-color: Inherit;
}

.userbanner.wrapped span.before
{
border-top-left-radius: 3px;
left: -1px;
}

.userbanner.wrapped span.after
{
border-top-right-radius: 3px;
right: -1px;
}

.userbanner.bannerhidden { background: None; box-shadow: None; border: None; }
.userbanner.bannerhidden.wrapped { margin-left: 0; margin-right: 0; }
.userbanner.bannerhidden.wrapped span { display: None; }

.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); }

.userbanner.bannerprimary { color: @primarymedium; background-color: @primarylighterstill; border-color: @primarylighter; }
.userbanner.bannerprimary.wrapped span { background-color: @primarylighter; }

.userbanner.bannersecondary { color: @secondarydark; background-color: @secondarylighter; border-color: @secondarylighter; }
.userbanner.bannersecondary.wrapped span { background-color: @secondarylighter; }

.userbanner.bannerred { color: White; background-color: Red; border-color: #f88; }
.userbanner.bannerred.wrapped span { background-color: #f88; }

.userbanner.bannergreen { color: White; background-color: Green; border-color: Green; }
.userbanner.bannergreen.wrapped span { background-color: Green; }

.userbanner.bannerolive { color: Black; background-color: Olive; border-color: Olive; }
.userbanner.bannerolive.wrapped span { background-color: Olive; }

.userbanner.bannerlightgreen { color: Black; background-color: Lightgreen; border-color: Lightgreen; }
.userbanner.bannerlightgreen.wrapped span { background-color: Lightgreen; }

.userbanner.bannerblue { color: White; background-color: Blue; border-color: #88f; }
.userbanner.bannerblue.wrapped span { background-color: #88f; }

.userbanner.bannerroyalblue { color: White; background-color: Royalblue; border-color: #81a9e1; }
.userbanner.bannerroyalblue.wrapped span { background-color: #81a9e1; }

.userbanner.bannerskyblue { color: Black; background-color: Skyblue; border-color: Skyblue; }
.userbanner.bannerskyblue.wrapped span { background-color: Skyblue; }

.userbanner.bannergray { color: Black; background-color: Gray; border-color: #aaa; }
.userbanner.bannergray.wrapped span { background-color: #aaa; }

.userbanner.bannersilver { color: Black; background-color: Silver; border-color: Silver; }
.userbanner.bannersilver.wrapped span { background-color: Silver; }

.userbanner.banneryellow { color: Black; background-color: Yellow; border-color: #e0e000; }
.userbanner.banneryellow.wrapped span { background-color: #e0e000; }

.userbanner.bannerorange { color: Black; background-color: Orange; border-color: #ffc520; }
.userbanner.bannerorange.wrapped span { background-color: #ffc520; }


بارك الله فيك , مش عارف كيف اشكرك
الله يوفقك :) جاري اختيار افضل اجابة

S!L3NT H!LL
07-13-2017, 11:32 PM
يالغالي ان سمح لك الوقت اشرح لنا الطريقة في موضوع لنتزيد الخبرة عنا :)

هيلبرنت
07-13-2017, 11:41 PM
يالغالي ان سمح لك الوقت اشرح لنا الطريقة في موضوع لنتزيد الخبرة عنا :)

الموضوع مافهوش شرح اكثر من اللى شرحه ابو كريم انت طبقت غلط شاهد

http://up.traidnt.net/img/70HGKo.gif (http://ct.pe/KYUG)

هو ده بس الخطاء اللى خصل منك انا شيلته

مشاء الله ابو كريم بيكون مجرب مليون مره الكود

بالتوفيق اخى

S!L3NT H!LL
07-13-2017, 11:48 PM
الموضوع مافهوش شرح اكثر من اللى شرحه ابو كريم انت طبقت غلط شاهد

http://up.traidnt.net/img/70hgko.gif (http://ct.pe/kyug)

هو ده بس الخطاء اللى خصل منك انا شيلته

مشاء الله ابو كريم بيكون مجرب مليون مره الكود

بالتوفيق اخى

صحيح والله , الله يبارك له كل شي مجاني :) ما شفت انسان مثله ربي يبارك فيك وفيه