Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

префиксы Crmp online

Решение
Less:
.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    border-radius: 5px;
    
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
    
    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }
    
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
    
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
    
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
}
Фев
470
120
Пользователь
Less:
.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    border-radius: 5px;
    
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
    
    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }
    
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
    
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
    
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
}
 
Мар
4
0
Пользователь
Less:
.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    border-radius: 5px;
   
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
   
    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }
   
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
   
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
   
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
}
Вставил в extra.less не работает.
 
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,491
2,319
Профессионал
Вставил в extra.less не работает.
Потому что если их просто тупо вставить код в шаблон ничего магически не заработает.
Нужно на странице всех префиксов ручками создать нужный тебе и в поле css прописать класс твоего префикса
 
Мар
4
0
Пользователь
Потому что если их просто тупо вставить код в шаблон ничего магически не заработает.
Нужно на странице всех префиксов ручками создать нужный тебе и в поле css прописать класс твоего префикса
Скажи пж как
 
зомби чипсы
Май
1,058
570
Активный
Мар
4
0
Пользователь
Потому что если их просто тупо вставить код в шаблон ничего магически не заработает.
Нужно на странице всех префиксов ручками создать нужный тебе и в поле css прописать класс твоего префикса
Там нету CSS и где этот CSS взять?
 
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,491
2,319
Профессионал
OFFTOP

Если уж начинать писать тупые сообщения по типу "помоги мне" в профиле через 1 минуту после твоего сообщения, то что-то желание помогать пропадает очень быстро...


Подсказка:
1778956106444.png
 
Мар
4
0
Пользователь
OFFTOP

Если уж начинать писать тупые сообщения по типу "помоги мне" в профиле через 1 минуту после твоего сообщения, то что-то желание помогать пропадает очень быстро...


Подсказка:
Посмотреть вложение 23977
Я тупой не понимаю я нашел куда вставлять CSS но где взять css
 
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,491
2,319
Профессионал
Я тупой не понимаю я нашел куда вставлять CSS но где взять css
Мда, рекомендую настоятельно учить как минимум html/css, т.к он никогда не будет лишним и хоть какое-то понимание появится.

Немного тебе для понимания:
Класс префикса в твоём случае это label - там заданы все основные свойства префиксов, а именно цвет текста, жирность, отступы и тд. А уже в селекторах &.v, &.ras, &.otk, &.rasm, &.inf заданы определённые свойства для каждого префикса, например цвет фона и тени. Селекторы используются для того, чтобы каждый раз не прописывать каждый раз базовые значения для элементов, а уже обращаться к классу и прописывать лишь нужные "индивидуальные свойства".

А насчёт того, что и куда надо вставлять, то просто при создании префикса, прописываешь его название и в стиле отображения ставишь галочку в чекбокс "Другое" и прописываешь основной класс в котором заданы основные свойства и второй класс этого блока, где прописаны "уникальные свойства", например: label v или label info и тд. Только обязательно прописывать название классов без точки или они не будут работать
 
Фев
470
120
Пользователь
Я тупой не понимаю я нашел куда вставлять CSS но где взять css
1) Заходишь в префиксы
2) Создаешь префикс: (например: Закрыто)
3) Чуть ниже листаешь и вставляешь .v
4) Выставляешь где будет использоваться префикс твой
5) На этом все
 
Сверху