Красивые префиксы для тем

Красивые префиксы для тем

Подскажите пожалуйста, а можно ли сделать трехцветный префикс, к примеру триколор нашего флага РФ?
 
Конечно можно:


А еще есть сервис интересный
 
1718374739815.png
1718374895461.png
1718374909162.png
1718375057789.png
1718375073642.png
а как сделать по типу таких?
?
 
Последнее редактирование модератором:
Кто искал как сделать такие в extra.less в конце это надо вставить, а потов в поле css добавить то что после точки, как баннеры!
CSS:
.yellow {
    margin: 0px 3px;
    white-space: nowrap;
    border-radius: 6px;
    font-size: 74%;
    color: #FFFF00;
    padding: 2px 8px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000;
    background-color: #3f3f3f;
    border: 1px solid;
}
.green {
    margin: 0px 3px;
    white-space: nowrap;
    border-radius: 6px;
    font-size: 74%;
    color: #7FFF00;
    padding: 2px 8px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000;
    background-color: #3f3f3f;
    border: 1px solid;
}
.blue {
    margin: 0px 3px;
    white-space: nowrap;
    border-radius: 6px;
    font-size: 74%;
    color: #005eff;
    padding: 2px 8px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000;
    background-color: #3f3f3f;
    border: 1px solid;
}
.red {
    margin: 0px 3px;
    white-space: nowrap;
    border-radius: 6px;
    font-size: 74%;
    color: #FF0000;
    padding: 2px 8px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000;
    background-color: #3f3f3f;
    border: 1px solid;
}
.purple {
    margin: 0px 3px;
    white-space: nowrap;
    border-radius: 6px;
    font-size: 74%;
    color:#ee00ff;
    padding: 2px 8px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000;
    background-color: #3f3f3f;
    border: 1px solid;
}
.orange {
    margin: 0px 3px;
    white-space: nowrap;
    border-radius: 6px;
    font-size: 74%;
    color:#ffae00;
    padding: 2px 8px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000;
    background-color: #3f3f3f;
    border: 1px solid;
}
.pink {
    margin: 0px 3px;
    white-space: nowrap;
    border-radius: 6px;
    font-size: 74%;
    color:#ff007b;
    padding: 2px 8px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000;
    background-color: #3f3f3f;
    border: 1px solid;
}
.bluesvet {
    margin: 0px 3px;
    white-space: nowrap;
    border-radius: 6px;
    font-size: 74%;
    color:#00b3ff;
    padding: 2px 8px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000;
    background-color: #3f3f3f;
    border: 1px solid;
}

Для тупых:
ставим выше код в extra.less
1718378077116.png
в extra.less копируем это: 1718378128848.png или какой цвет вам нужен.
дальше заходим в 1718378231876.png 1718378256358.png
после чего если уже создана или создаете в поле 1718378292842.png пишем что будет на префиксе.
дальше Матаем к и вставляем ваш цвет 1718378383984.png


РЕЗУЛЬТАТ: 1718378424644.png
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу