Welcome!

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

SignUp Now!

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

D

damitz

никогда не поменяю аву
Ноя
2,666
5,499
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Сливаю префиксы, которые могут подойдти для вашего форума.
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

Ноя
1,611
4,197
Команда форума
Модератор
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

Янв
339
356
Пользователь
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

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

It's-Intel

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

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

 
D

damitz

никогда не поменяю аву
Ноя
2,666
5,499
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
знаю, позже исправлю
 
Войдите или зарегистрируйтесь для ответа.
Сверху