پشتیبانی درست شدن بنر

[Ali]

سلام خسته نباشید

 

[Ali]

من از کد زیر
.badge {
background: url(

https://imgur.com/AdlnXNi

color: #fff;
border: 1px solid red;
fontawesome: abcd;
}
استفاده کردم خوب
بنر به این شکل در آمد

 

[Ali]

پیشوند مترحک رو تغیر دادم اما هیچ نتونستم ایکونشو تغیر بدم امانش هست بگید که کدوم قسمت رو برای فونت آیکون تغیر بدم

 

[Ali]

در ضمن این بنر با بنر های دیگه اختلاف سایز و شکل داره امکانش هست اینو بگید چطوری درست کنم
@محمد

 

[XF Father]

پیشوند مترحک رو تغیر دادم اما هیچ نتونستم ایکونشو تغیر بدم امانش هست بگید که کدوم قسمت رو برای فونت آیکون تغیر بدم

سلام
احتمالاً با یک کد دیگه ای آیکن بنر اعمال شده.

در ضمن این بنر با بنر های دیگه اختلاف سایز و شکل داره امکانش هست اینو بگید چطوری درست کنم
@محمد

نیاز هست کد بقیه بنراتونو داشته باشم تا یکسانشون کنم.

 

[Ali]

/* Afiş kodları */
.trgamersafis_00 {background: #f44336;border-color: #f44336;}.trgamersafis_00 strong:before {content: "\f521";}
.trgamersafis_01 {background: #673ab7;border-color: #673ab7;}.trgamersafis_01 strong:before {content: "\f440";}
.trgamersafis_02 {background: #176093;border-color: #176093;}.trgamersafis_02 strong:before {content: "\f132";}
.trgamersafis_03 {background: #0f8417;border-color: #0a560f;}.trgamersafis_03 strong:before {content: "\f445";}
.trgamersafis_04 {background: #17713c;border-color: #808080c;}.trgamersafis_04 strong:before {content: "\f0e7";}
.trgamersafis_05 {background: #599600;border-color: #599600;}.trgamersafis_05 strong:before {content: "\f234";}
.trgamersafis_06 {background: #4ca79b;border-color: #4ca79b;}.trgamersafis_06 strong:before {content: "\f2b5";}
.trgamersafis_07 {background: #C0C0C0;border-color: #C0C0C0;}.trgamersafis_07 strong:before {content: "\f0d6";}
.trgamersafis_08 {background: #D4AF37;border-color: #D4AF37;}.trgamersafis_08 strong:before {content: "\f091";}
.trgamersafis_09 {background: #00897B;border-color: #00897B;}.trgamersafis_09 strong:before {content: "\f0ae";}
.trgamersafis_10 {background: #000000;border-color: #000000;}.trgamersafis_10 strong:before {content: "\f235";}
.trgamersafis_11 {background: #202020;border-color: #202020;}.trgamersafis_11 strong:before {content: "\f06e";}
اینم بقیه بنرام

 

[XF Father]

وقتی وارد تنظیمات گروه‌های کاربری میشید در قسمت استایل بنر گروه کاربری توی گزینه

دیگر، با استفاده از کلاس CSS
چه چیزی نوشتین؟

 

[XF Father]

/* Afiş kodları */
.trgamersafis_00 {background: #f44336;border-color: #f44336;}.trgamersafis_00 strong:before {content: "\f521";}
.trgamersafis_01 {background: #673ab7;border-color: #673ab7;}.trgamersafis_01 strong:before {content: "\f440";}
.trgamersafis_02 {background: #176093;border-color: #176093;}.trgamersafis_02 strong:before {content: "\f132";}
.trgamersafis_03 {background: #0f8417;border-color: #0a560f;}.trgamersafis_03 strong:before {content: "\f445";}
.trgamersafis_04 {background: #17713c;border-color: #808080c;}.trgamersafis_04 strong:before {content: "\f0e7";}
.trgamersafis_05 {background: #599600;border-color: #599600;}.trgamersafis_05 strong:before {content: "\f234";}
.trgamersafis_06 {background: #4ca79b;border-color: #4ca79b;}.trgamersafis_06 strong:before {content: "\f2b5";}
.trgamersafis_07 {background: #C0C0C0;border-color: #C0C0C0;}.trgamersafis_07 strong:before {content: "\f0d6";}
.trgamersafis_08 {background: #D4AF37;border-color: #D4AF37;}.trgamersafis_08 strong:before {content: "\f091";}
.trgamersafis_09 {background: #00897B;border-color: #00897B;}.trgamersafis_09 strong:before {content: "\f0ae";}
.trgamersafis_10 {background: #000000;border-color: #000000;}.trgamersafis_10 strong:before {content: "\f235";}
.trgamersafis_11 {background: #202020;border-color: #202020;}.trgamersafis_11 strong:before {content: "\f06e";}
اینم بقیه بنرام

یونیکد مربوط به اون آیکن f19d هست که بین اینا نیست.
لابد یه جای دیگه کدشو زدین.

 

[Ali]

badge fa fa-graduation-cap​

از این استفاد کردم

 

[Ali]

یونیکد مربوط به اون آیکن f19d هست که بین اینا نیست.
لابد یه جای دیگه کدشو زدین.

چی میگی برادرمن منظورتو نمی فهمم لطفا کامل تر بگو

 

[Ali]

وقتی وارد تنظیمات گروه‌های کاربری میشید در قسمت استایل بنر گروه کاربری توی گزینه

دیگر، با استفاده از کلاس CSS
چه چیزی نوشتین؟
مشاهده فایل‌پیوست 9126

badge fa fa-graduation-cap
از این تو اون قسمت که با فلش نشان دادی استفاده کردم ام مشکلش چیه

 

[XF Father]

چی میگی برادرمن منظورتو نمی فهمم لطفا کامل تر بگو

الان توضیح میدم.

 

[XF Father]

نحوه ی اعمال این کدتون متفاوت تره.

میتونید به شکل زیر کدتون رو تغییر بدین.

.badge {
background:url(https://i.imgur.com/AdlnXNi.gif);
color: #fff;
border: 1px solid red;
}
.badge::before{
font-family: "Font Awesome 5 Pro";
    content: "\f521";
    padding-right: 2px;
    display: inline-block;
}

و سپس توی دیگر، با استفاده از کلاس CSS فقط badge رو بنویسید.

 

[XF Father]

نحوه ی اعمال این کدتون متفاوت تره.

میتونید به شکل زیر کدتون رو تغییر بدین.

.badge {
background:url(https://i.imgur.com/AdlnXNi.gif);
color: #fff;
border: 1px solid red;
}
.badge::before{
font-family: "Font Awesome 5 Pro";
    content: "\f521";
    padding-right: 2px;
    display: inline-block;
}

و سپس توی دیگر، با استفاده از کلاس CSS فقط badge رو بنویسید.

توی این کد عدد f521 رو میتونید متناسب با آیکنی که میخواهید تغییر دهید.

 

[Ali]

من این کد
.badge {
backgrou nd: url(https://i.img ur.com/AdlnXNi.gif);
color: #fff;
border: 1px solid red;
fontawesome: abcd;
}
رو تو اینجا قرار دادم

خوب و در قسمت بنر مقام کاربر ی این
کلمه رو
badge fa fa-graduation-cap
در قسمت
خوب و بعد خروجی اون
این شد


چطور سایز و اندازشو و ایکونشو که کلاه دانش جویی هست تغییر بدم

 

[Ali]

سایزشو چطور با
این کد
/* Afiş kodları */
.trgamersafis_00 {background: #f44336;border-color: #f44336;}.trgamersafis_00 strong:before {content: "\f521";}
.trgamersafis_01 {background: #673ab7;border-color: #673ab7;}.trgamersafis_01 strong:before {content: "\f440";}
.trgamersafis_02 {background: #176093;border-color: #176093;}.trgamersafis_02 strong:before {content: "\f132";}
.trgamersafis_03 {background: #0f8417;border-color: #0a560f;}.trgamersafis_03 strong:before {content: "\f445";}
.trgamersafis_04 {background: #17713c;border-color: #808080c;}.trgamersafis_04 strong:before {content: "\f0e7";}
.trgamersafis_05 {background: #599600;border-color: #599600;}.trgamersafis_05 strong:before {content: "\f234";}
.trgamersafis_06 {background: #4ca79b;border-color: #4ca79b;}.trgamersafis_06 strong:before {content: "\f2b5";}
.trgamersafis_07 {background: #C0C0C0;border-color: #C0C0C0;}.trgamersafis_07 strong:before {content: "\f0d6";}
.trgamersafis_08 {background: #D4AF37;border-color: #D4AF37;}.trgamersafis_08 strong:before {content: "\f091";}
.trgamersafis_09 {background: #00897B;border-color: #00897B;}.trgamersafis_09 strong:before {content: "\f0ae";}
.trgamersafis_10 {background: #000000;border-color: #000000;}.trgamersafis_10 strong:before {content: "\f235";}
.trgamersafis_11 {background: #202020;border-color: #202020;}.trgamersafis_11 strong:before {conten

t: "\f06e";
یکسان کنم؟

 

[XF Father]

نحوه ی اعمال این کدتون متفاوت تره.

میتونید به شکل زیر کدتون رو تغییر بدین.

.badge {
background:url(https://i.imgur.com/AdlnXNi.gif);
color: #fff;
border: 1px solid red;
}
.badge::before{
font-family: "Font Awesome 5 Pro";
    content: "\f521";
    padding-right: 2px;
    display: inline-block;
}

و سپس توی دیگر، با استفاده از کلاس CSS فقط badge رو بنویسید.

برای یک شکل نشون دادنش از کد پایینی استفاده کنید.

.trgamersafis_13 {background:url(https://i.imgur.com/AdlnXNi.gif);border-color: red;}.trgamersafis_13 strong:before {content: "\f521";}

و سپس توی دیگر، با استفاده از کلاس CSS فقط trgamersafis_13 رو بنویسید.

 

[Ali]

این کد رو تو کجا قرار

برای یک شکل نشون دادنش از کد پایینی استفاده کنید.

.trgamersafis_13 {background:url(https://i.imgur.com/AdlnXNi.gif);border-color: red;}.trgamersafis_13 strong:before {content: "\f521";}

و سپس توی دیگر، با استفاده از کلاس CSS فقط trgamersafis_13 رو بنویسید.

این کد رو تو کجا قرار بدم تا قرارش دادم درست میشه همشون؟

 

[XF Father]

این کد رو تو کجا قرار

این کد رو تو کجا قرار بدم تا قرارش دادم درست میشه همشون؟

توی extra.less قرار بدین.
برای اون بنر بنیانگذار سایت درست میشه.

 

[Ali]

من می خوام این بنره کهالان درست شد و ممنونم ازتون با بنر پرسنل مدیریت یکی باشه و این یه خطا هم داره متن از کادر بیرون زده محمد

برای یک شکل نشون دادنش از کد پایینی استفاده کنید.

.trgamersafis_13 {background:url(https://i.imgur.com/AdlnXNi.gif);border-color: red;}.trgamersafis_13 strong:before {content: "\f521";}

و سپس توی دیگر، با استفاده از کلاس CSS فقط trgamersafis_13 رو بنویسید.

خوام