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

damitz · Понедельник в 00:47

Сливаю префиксы, которые могут подойдти для вашего форума.

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 · Понедельник в 00:49

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 · Понедельник в 12:12

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 · Понедельник в 12:21

Zenettany написал(а):
ну ты хотя-бы проверил бы их, работают или нет. А то так и хочу задать вопрос, как svg'шки будут показывать , без их существования в пути /styles/fa/regular

Ага
Мне кажется такие префиксы, можно сделать с помощью fontawesome и всё

Zenettany · Понедельник в 12:26

JustAlex написал(а):
Ага
Мне кажется такие префиксы, можно сделать с помощью fontawesome и всё

Ну дамитзу большого ума не нужно чтоб через Dev Tools все скопировать и вставить. А как помогать будет - не знает никто.

It-Intel · Понедельник в 12:36

Zenettany написал(а):
ну ты хотя-бы проверил бы их, работают или нет. А то так и хочу задать вопрос, как svg'шки будут показывать , без их существования в пути /styles/fa/regular

OFFTOP

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

dsss dds · Понедельник в 16:12

Negodno

damitz · Понедельник в 16:44

знаю, позже исправлю

dsss dds · Понедельник в 16:47

damitz написал(а):
знаю, позже исправлю

Damitz а как создать гильдий расскажите пожалуйста если знаете я уже плагин залил и если можно как активировать холидэйс

LIVE SAMP

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

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

damitz

lspdfr insider ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

Kolpak

Zenettany

JustAlex

Лучше плохо начать, чем хорошо бездействовать

Zenettany

It-Intel

dsss dds

damitz

lspdfr insider ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

dsss dds