• هاست سان
  • با خرید اشتراک ویژه شما میتوانید جدیدترین آپدیت افزونه ها و قالب های زیبا و پرکاربرد زنفورو را دریافت کنید!

    هر ماه یک کد تخفیف 60 درصدی محصولات فروشگاه به کاربران منتخب بخش ویژه اهدا می‌شود

پشتیبانی کد رنگ

شهرزاد

کاربر رسمی
امتیازها 18
راه‌حل‌ها 1
سلام
من برای زدن تگ و رنک کاربری هر کد رنگ کلاسcss میذارم تایید نمیکنه یا رنگ نمیگیرع
میشه لطف کنید کد رنگارو بذارید.
 
امضا : شهرزاد
  • لایک
واکنش‌ها[ی پسندها]: Isomy
راه‌حل
ببینید دوست من روش درست اینه


این کد را در extra.less واری کنید

CSS:
.label--istyping {
    background: linear-gradient(180deg, #0e21cc 0%, #1bdff5 50%, #0e21cc 50%, #0e21cc 100%) repeat scroll 0% 0% transparent;
    opacity: 0.8;
    color: #fafafa !important;
    font-weight: normal;
    font-size: 10pt;
    padding: 2px 6px;
    border: double !important;
    border-radius: 0px 17px;
}
.label--istyping:before {
    content: "\f110";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 4px;
}

و این کد را در کلاس CSS

کد:
label--istyping
برای گذاشت رنک از این کد ها استفاده کنید
 
text-shadow: 1px 1px 5px;
color:#C71585 ;
font-weight: bold;

اینم کد می تونید بزارید تو قسمت اس اس
 
امضا : شهرزاد
اینارو میزنم ولی بازم تگ بی رنگه
برای گذاشت رنک از این کد ها استفاده کنید
 
امضا : شهرزاد
امضا : Dariush
امضا : شهرزاد
اینم زدم نشد اسم گذاشتم نشد کلافه شدم
 
امضا : شهرزاد

کد رنگتون درسته ولی ظاهرا اینجور که میفرمایید از کد در جای درستی استفاده نمیفرمایید که شاهد تغییر رنگ نیستید
کل کد و جایی که میخواهید استفاده بفرمایید را ارسال کنید تا تست شود
 
امضا : Dariush

کد رنگتون درسته ولی ظاهرا اینجور که میفرمایید از کد در جای درستی استفاده نمیفرمایید که شاهد تغییر رنگ نیستید
کل کد و جایی که میخواهید استفاده بفرمایید را ارسال کنید تا تست شود
توی پیشوندها نوشته کلاس css تو اون میزنم ولی پیشوندم بی‌رنگه
 
امضا : شهرزاد
ببینید دوست من روش درست اینه


این کد را در extra.less واری کنید

CSS:
.label--istyping {
    background: linear-gradient(180deg, #0e21cc 0%, #1bdff5 50%, #0e21cc 50%, #0e21cc 100%) repeat scroll 0% 0% transparent;
    opacity: 0.8;
    color: #fafafa !important;
    font-weight: normal;
    font-size: 10pt;
    padding: 2px 6px;
    border: double !important;
    border-radius: 0px 17px;
}
.label--istyping:before {
    content: "\f110";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 4px;
}

و این کد را در کلاس CSS

کد:
label--istyping
 
امضا : Dariush
راه‌حل
شرمندم به بخدا
ببینید اینو میگم
کلا به هیچ صراطی مستقیم نیس

IMG_20210501_175801.jpg
 
امضا : شهرزاد
امضا : Dariush
پیشود
کدی رکه بالا دادم توی extra.less وارد کنید
و label--istyping را همینجایی که دورش خط کشیدین
پیشوند گزارشکارع
ولی رنگ نمیگیره فقط میاره گزارشکارIMG_20210501_180614.jpg
 
امضا : شهرزاد
ببینید کد رو ساده ساده کردم کدهای قبلی رو حذف کنید

کد پایین رو در extra.less حتما دقت کنید که مال قالب خودتون باشه


CSS:
.label--istyping {
     background: #00ffff ;
    color: #FFB6C1;
   
}

و label--istyping را همینجایی که دورش خط کشیدین

اگر جواب نداد دسترسی انجمنتون رو بصورت خصوصی بفرستین تا درست کنم
 
امضا : Dariush
سلام آقا داریوش من از کد زیر استفاد میکنم
@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit; // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4); // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5); // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
.svgPrefix, .label.svgPrefix {
font-family: @svgPrefixFontFamily;
font-size: 70%;
font-weight: 500;
display: inline-flex;
text-align: center;
align-items: center;
text-transform: uppercase;
line-height: ((@xf-lineHeightDefault) * .9);
padding: .25em .5em;
border: none;
border-radius: @svgPrefixBorderRadius;
position: relative;
white-space: nowrap;
.fsp & {
margin-right: 5px;
}
.menuPrefix& {
display: inline-block;
font-size: 1.3em;
width: 100%;
padding: .333em;
a& {
text-decoration: none;
}
}
.p-title-value & {
.p-title & {
font-size: 70%;
}
}
&:before {
position: absolute;
top: .25em;
bottom: 0;
left: .333em;
}
&.@{prefix-name} {
background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
color: rgb(250,250,250);
text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
&when (iskeyword(@prefix-icon)) {
padding: .25em .5em .25em 1.75em;
&:before {
.m-faBase();
content: "\@{prefix-icon}";
}
}
}
}
}
درCssچی بزارم که این کد نمایش داده بشه به شکل پیشوند
 
سلام لینک انجمنتون رو لطف بفرمایید
 
امضا : Dariush
  • لایک
واکنش‌ها[ی پسندها]: XF Father

موضوعات مشابه

پاسخ‌ها
2
بازدیدها
389
پاسخ‌ها
4
بازدیدها
602
پاسخ‌ها
1
بازدیدها
490
پاسخ‌ها
7
بازدیدها
793
پاسخ‌ها
21
بازدیدها
2K
پاسخ‌ها
1
بازدیدها
667
پاسخ‌ها
1
بازدیدها
447
پاسخ‌ها
3
بازدیدها
662
پاسخ‌ها
8
بازدیدها
921
عقب
بالا