LIVE SAMP

[XenForo] Префиксы для вашего форума

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
damitz

damitz

Ищу разработчиков. Писать в VK @damitz⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
Продавец
Регистрация
2 Ноя 2024
Сообщения
2,320
Сливаю префиксы, которые могут подойдти для вашего форума.
1761515269217.png
Pawn: 
.label {
    padding: 3px 10px;
    border-radius: 7px;
    font-family: sans-serif;
    border: 0.5px solid !Important;
    user-select: none;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    margin-right: 5px
}

.importantp {
    color: #ff0000;
    background: rgba(255,0,0,0.1)
}

.importantp:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/fire.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/fire.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.solution {
    color: #008000;
    background: rgba(0,128,0,0.1)
}

.solution:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/thumbs-up.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/thumbs-up.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.non-actual {
    color: #42aaff;
    background: rgba(66,170,255,0.1)
}

.non-actual:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/comment-slash.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/comment-slash.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.approal {
    color: #ffa812;
    background: rgba(255,168,18,0.1)
}

.approal:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/glasses.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/glasses.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.closed {
    color: #ff4d00;
    background: rgba(255,77,0,0.1)
}

.closed:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/lock.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/lock.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.cheat {
    color: #49423d;
    background: rgba(73,66,61,0.1)
}

.search-service {
    color: #ffd35f;
    background: rgba(255,211,95,0.1)
}

.search-service:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/glasses-alt.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/glasses-alt.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.portfolio {
    color: #ffd35f;
    background: rgba(255,211,95,0.1)
}

.portfolio:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/briefcase.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/briefcase.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.service {
    color: #ffd35f;
    background: rgba(255,211,95,0.1)
}

.service:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/wrench.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/wrench.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.ns {
    color: #666666;
    background: rgba(102,102,102,0.1)
}

.ns:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.contest {
    color: #42aaff;
    background: rgba(66,170,255,0.1)
}

.contest:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/gift.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/gift.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}
 
Kolpak

Kolpak

Команда форума
Модератор
Регистрация
4 Ноя 2024
Сообщения
1,329
damitz написал(а):
.importantp:before { display: inline-block; content: ""; height: 1em; vertical-align: -0.125em; background-color: currentColor; width: 1.28571429em; mask: url('/styles/fa/regular/fire.svg?v=5.15.3') no-repeat center; -webkit-mask: url('/styles/fa/regular/fire.svg?v=5.15.3') no-repeat center; margin-right: 5px }
Нажмите для раскрытия...
Less: 
.m-faContent(@fa-var-fire);
 
Zenettany

Zenettany

Пользователь
Регистрация
21 Янв 2023
Сообщения
311
damitz написал(а):
Сливаю префиксы, которые могут подойдти для вашего форума.
Посмотреть вложение 14891
Pawn: 
.label {
    padding: 3px 10px;
    border-radius: 7px;
    font-family: sans-serif;
    border: 0.5px solid !Important;
    user-select: none;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    margin-right: 5px
}

.importantp {
    color: #ff0000;
    background: rgba(255,0,0,0.1)
}

.importantp:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/fire.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/fire.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.solution {
    color: #008000;
    background: rgba(0,128,0,0.1)
}

.solution:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/thumbs-up.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/thumbs-up.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.non-actual {
    color: #42aaff;
    background: rgba(66,170,255,0.1)
}

.non-actual:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/comment-slash.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/comment-slash.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.approal {
    color: #ffa812;
    background: rgba(255,168,18,0.1)
}

.approal:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/glasses.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/glasses.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.closed {
    color: #ff4d00;
    background: rgba(255,77,0,0.1)
}

.closed:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/lock.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/lock.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.cheat {
    color: #49423d;
    background: rgba(73,66,61,0.1)
}

.search-service {
    color: #ffd35f;
    background: rgba(255,211,95,0.1)
}

.search-service:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/glasses-alt.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/glasses-alt.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.portfolio {
    color: #ffd35f;
    background: rgba(255,211,95,0.1)
}

.portfolio:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/briefcase.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/briefcase.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.service {
    color: #ffd35f;
    background: rgba(255,211,95,0.1)
}

.service:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/wrench.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/wrench.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.ns {
    color: #666666;
    background: rgba(102,102,102,0.1)
}

.ns:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}

.contest {
    color: #42aaff;
    background: rgba(66,170,255,0.1)
}

.contest:before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/gift.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/gift.svg?v=5.15.3') no-repeat center;
    margin-right: 5px
}
Нажмите для раскрытия...
ну ты хотя-бы проверил бы их, работают или нет. А то так и хочу задать вопрос, как svg'шки будут показывать , без их существования в пути /styles/fa/regular
 
JustAlex

JustAlex

Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,747
Zenettany написал(а):
ну ты хотя-бы проверил бы их, работают или нет. А то так и хочу задать вопрос, как svg'шки будут показывать , без их существования в пути /styles/fa/regular
Нажмите для раскрытия...
Ага
Мне кажется такие префиксы, можно сделать с помощью fontawesome и всё
 
Zenettany

Zenettany

Пользователь
Регистрация
21 Янв 2023
Сообщения
311
JustAlex написал(а):
Ага
Мне кажется такие префиксы, можно сделать с помощью fontawesome и всё
Нажмите для раскрытия...
Ну дамитзу большого ума не нужно чтоб через Dev Tools все скопировать и вставить. А как помогать будет - не знает никто.
 
It-Intel

It-Intel

Заблокированный
Регистрация
17 Июн 2025
Сообщения
1,861
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Zenettany написал(а):
ну ты хотя-бы проверил бы их, работают или нет. А то так и хочу задать вопрос, как svg'шки будут показывать , без их существования в пути /styles/fa/regular
Нажмите для раскрытия...
OFFTOP

К слову, в релизах xenforo 2.3 версии они там есть 🫠

 
damitz

damitz

Ищу разработчиков. Писать в VK @damitz⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
Продавец
Регистрация
2 Ноя 2024
Сообщения
2,320
знаю, позже исправлю
 
Войдите или зарегистрируйтесь для ответа.
Сверху