Welcome!

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

SignUp Now!

Префиксы тем EmuDevs

V

vertex

Честь - не слово, это путь к истинне
Дек
514
616
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
CSS: 
.infoPrefix:before {
.m-faContent(@fa-var-star);
}

.label {
    display: inline-flex;
    font-size: 80%;
    letter-spacing: .025em;
    padding: .125rem .5rem;
    border: 0;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    overflow: hidden
}

.label:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400 !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.25rem
}

.label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: currentColor
}

.infoPrefix:before {
    content: '\f05a'
}

.infoPrefix {
    font-weight: 600 !important;
    text-transform: capitalize;
    color: var(--emudevs__color-orange-light);
    background: var(--emudevs__color-orange-fade-5-light)
}

В стиль отображения префикса

Стиль отображения: 
label infoPrefix
1000416513.jpg
 
Последнее редактирование:
JustAlex

JustAlex

Лучше плохо начать, чем хорошо бездействовать
Ноя
2,919
3,705
Команда форума
Модератор
Maksim_Persona написал(а):
CSS: 
.label {
    display: inline-flex;
    font-size: 80%;
    letter-spacing: .025em;
    padding: .125rem .5rem;
    border: 0;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    overflow: hidden
}

.label:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400 !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.25rem
}

.label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: currentColor
}

.infoPrefix:before {
    content: '\f05a'
}

.infoPrefix {
    font-weight: 600 !important;
    text-transform: capitalize;
    color: var(--emudevs__color-orange-light);
    background: var(--emudevs__color-orange-fade-5-light)
}

В стиль отображения префикса

Стиль отображения: 
label infoPrefix
Посмотреть вложение 13820
Нажмите для раскрытия...
Довольно хорошо получилось! Но было бы круто, если был бы пак префиксов, а не только он 1
 
V

vertex

Честь - не слово, это путь к истинне
Дек
514
616
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
JustAlex написал(а):
Довольно хорошо получилось! Но было бы круто, если был бы пак префиксов, а не только он 1
Нажмите для раскрытия...
Да так не сложно делать их, я пример скинул пускай сами делают :) если надо могу вторую версию скинуть префиксов
 
V

vertex

Честь - не слово, это путь к истинне
Дек
514
616
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Maksim_Persona написал(а):
Да так не сложно делать их, я пример скинул пускай сами делают :) если надо могу вторую версию скинуть префиксов
Нажмите для раскрытия...
1000416528.jpg
 
MirVps

MirVps

Сен
277
51
Пользователь
для вывода иконок на 2.3

Pawn: 
.infoPrefix:before {
.m-faContent(@fa-var-star);
}
 
V

vertex

Честь - не слово, это путь к истинне
Дек
514
616
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
JustAlex написал(а):
А ещё какие-то есть?
Нажмите для раскрытия...
Всмысле?
 
V

vertex

Честь - не слово, это путь к истинне
Дек
514
616
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
JustAlex написал(а):
Ну ты показал 2 префикса, а какие-то ещё есть?
Нажмите для раскрытия...
Только два вида префикса у меня
Можно немного их передать анимации накинуть и еще что нибуть
 
JustAlex

JustAlex

Лучше плохо начать, чем хорошо бездействовать
Ноя
2,919
3,705
Команда форума
Модератор
INTXEN написал(а):
Только два вида префикса у меня
Можно немного их передать анимации накинуть и еще что нибуть
Нажмите для раскрытия...
Понял, ну добавь хоть столи в мануал 2 префикс, а то 1 не туда не сюда.
А так префиксы имбовые и если поработать ручками, то можно сделать пак крутых префиксов
 
V

vertex

Честь - не слово, это путь к истинне
Дек
514
616
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
JustAlex написал(а):
Понял, ну добавь хоть столи в мануал 2 префикс, а то 1 не туда не сюда.
А так префиксы имбовые и если поработать ручками, то можно сделать пак крутых префиксов
Нажмите для раскрытия...
Попозже немного солью
 
krelix

krelix

Май
672
202
Активный
INTXEN написал(а):
Попозже немного солью
Нажмите для раскрытия...
Поменял цвет(правда по колхозу:)) и иконку fa

CSS(фиолетовый): 
.turquoisePrefix:before {
.m-faContent(@fa-var-star);
}

.label {
    display: inline-flex;
    font-size: 80%;
    letter-spacing: .025em;
    padding: .125rem .5rem;
    border: 0;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    overflow: hidden
}

.label:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400 !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.25rem
}

.label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: currentColor
}

.turquoisePrefix:before {
    content: '\f132'
}

.turquoisePrefix {
    font-weight: 600 !important;
    text-transform: capitalize;
    Color: #00FFFF;
    background: var(--emudevs__color-orange-fade-5-light)
}
IMG_20251123_053520.jpg

Как по мне пойдет не считая колхоза ну а иконку поменять можно по надобности
 
Последнее редактирование:
lerua_Merlen

lerua_Merlen

Окт
361
397
Пользователь
2.14. Запрещено флудить, оффтопить, заниматься флеймом.
Qqwer Hosms написал(а):
Поменял цвет(правда по колхозу:)) и иконку fa

CSS(бирюзовый): 
.turquoisePrefix:before {
.m-faContent(@fa-var-star);
}

.label {
    display: inline-flex;
    font-size: 80%;
    letter-spacing: .025em;
    padding: .125rem .5rem;
    border: 0;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    overflow: hidden
}

.label:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400 !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.25rem
}

.label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: currentColor
}

.turquoisePrefix:before {
    content: '\f132'
}

.turquoisePrefix {
    font-weight: 600 !important;
    text-transform: capitalize;
    Color: #00FFFF;
    background: var(--emudevs__color-orange-fade-5-light)
}
Посмотреть вложение 16360
Нажмите для раскрытия...
хуйня
И шрифт тоже хуйня
 
Войдите или зарегистрируйтесь для ответа.
Сверху