Решено хелп с 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

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