Решено хелп с Box name рядом с ником

[bogxenforo1337]

Box name рядом с ником

Вставлять в CSS группы пользователя. &:after { content: 'CODER'; margin-left: 5px; color: Black; border-radius: 3px; border: 3px solid Black; padding: 0px 4px; display: inline-block; margin: 0 5px -3px; font-size: 13px; font-weight: bold; line-height: 14px; }

pawno-help.ru

как в данной теме я ввел код в ксс ника


На что получил


как это можно пофиксить?

 

[hello_hem]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

В твоём CSS для псевдоэлемента `:after` слишком толстая рамка (`border: 3px solid Black;`), и некоторые отступы могут быть не совсем удачными. Из-за этого бокс сильно выделяется, выглядит как чёрная “коробка”.

Попробуй изменить стиль так:
&:after {
content: 'CODER';
margin-left: 5px;
color: #000;
border-radius: 3px;
border: 1px solid #000; /* Сделал рамку тоньше */
padding: 0px 4px;
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 14px;
background: #fff; /* Можно добавить фон */
}

Можешь поэкспериментировать с цветами border и background, чтобы бэдж выглядел аккуратнее и гармонировал с общим стилем форума.

 

[hello_hem]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

OFFTOP

Если помог поставьте мне как решение, если есть вопрос, задавайте в другой теме отвечу

 

[bogxenforo1337]

получил

хочу получить

 

[bogxenforo1337]

В твоём CSS для псевдоэлемента `:after` слишком толстая рамка (`border: 3px solid Black;`), и некоторые отступы могут быть не совсем удачными. Из-за этого бокс сильно выделяется, выглядит как чёрная “коробка”.

Попробуй изменить стиль так:
&:after {
content: 'CODER';
margin-left: 5px;
color: #000;
border-radius: 3px;
border: 1px solid #000; /* Сделал рамку тоньше */
padding: 0px 4px;
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 14px;
background: #fff; /* Можно добавить фон */
}

Можешь поэкспериментировать с цветами border и background, чтобы бэдж выглядел аккуратнее и гармонировал с общим стилем форума.

решил (хз как решения ставить)

 

[hello_hem]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

решил (хз как решения ставить)

OFFTOP

ниже прикрепил скриншот, на галочку нажимаете, и готово!