Вопрос

[kalindovsky]

Помогите пожалуйста как зделать такие префиксы, и как зделать такое украшение ник как пожатие рук чтоб можно было свои иконки загружать

 

[damitz]

украшение ник как пожатие рук

FA Иконка перед ником

В extra.less .username--style3:before { content: "\f118"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } В CSS имени пользователя margin-right: 5px; Результат Можно сделать сплошной, добавив font-weight: bold; margin-right: 5px; font-weight: bold; Результат...

pawno-help.ru

 

[damitz]

насчет префиксов, скинь форум, и я тебе скину префиксы

 

[kalindovsky]

насчет префиксов, скинь форум, и я тебе скину префиксы

В лс можем?

 

[Aleksandr]

По поводу префикса. Можно попробовать следующий код:

.prefix {
    color: #fff;
    border: none;
    background: #33ff33;
    border-radius: 5px;
    font-weight: bold;
}

По поводу иконки перед ником. Выше damitz указал, юникод иконки f4c4

 

[Aleksandr]

А лучше отправьте ссылку на форум, чтобы было легче понять какой именно префикс нужен

 

[kalindovsky]

А лучше отправьте ссылку на форум, чтобы было легче понять какой именно префикс нужен

Форум так родины

 

[kalindovsky]

По поводу префикса. Можно попробовать следующий код:

.prefix {
    color: #fff;
    border: none;
    background: #33ff33;
    border-radius: 5px;
    font-weight: bold;
}

По поводу иконки перед ником. Выше damitz указал, юникод иконки f4c4

Я видел но я ставлю и ничего не работает

 

[Aleksandr]

Я видел но я ставлю и ничего не работает

Что именно?

 

[kalindovsky]

Что именно?

В лс покажу

 

[Aleksandr]

Иконка перед ником:​

В extra.less:​

.username--style3:before { /*3 - это ID группы. Именно 3 - это админ. before - это сторона где отображается иконка. before - перед, after - после*/
    content: "\f4c4"; /*То что в "" после \ - это юникод иконки*/
    font-family: "Font Awesome 5 Pro"; /*Это шрифт, он отвечает за иконку, не трогать*/
    margin-right: 5px; /*Это отступ, margin-right - отступ от правой стороны, margin-left - отступ от левой стороны*/
}

CSS имени пользователя:​

margin-right: 5px;

Префикс:​

В extra.less:​

.prefix {
    color: #fff; /*Цвет текста*/
    border: none;
    background: #33ff33; /*Цвет фона*/
    border-radius: 5px; /*Закругление префикса*/
    font-weight: bold; /*Жирный текст, можно убрать и будет худой*/
}

 

[Sample Text]

Префиксы :

.gradientBanner
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 4px 6px;
    text-align: center;
    border-radius: 10px 5px 10px 5px;
    
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
&.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }   
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
}

Перед ником лесс :

.username--style1:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style1:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}

 

[damitz]

напиши в лс, я помогу