Помогите, обвести группу под аватаром.

[Aybulat]

Здравствуйте, тех. Поддержка форума Ipbmafia, мне нужно помочь оформить поля пользователя под аватаром...
скрин будет ниже, там понятно всё написано)))

Хотелось бы, что-бы были под аватаром, такие поля:

Группа: (там у меня написано пользователи прям под аватаром, хотелось бы что-бы написано было после - "Группа: " и цвет был группы, как на скрине.
Это всё делать под иконкой группы)
Группа: Пользователи и т.д

 

Вот у меня:

 

Как сделать вот так:

 

Помогите пожалуйста, пол года это не могу сделать.

[rustav]

думаю тут можно посмотреть _ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/  и под себя сделать. ПО крайне мере понятно где редактировать.

[AUYKGN]

Здравствуйте, тех. Поддержка форума Ipbmafia, мне нужно помочь оформить поля пользователя под аватаром...

скрин будет ниже, там понятно всё написано)))

Хотелось бы, что-бы были под аватаром, такие поля:

Группа: (там у меня написано пользователи прям под аватаром, хотелось бы что-бы написано было после - "Группа: " и цвет был группы, как на скрине.

Это всё делать под иконкой группы)

Группа: Пользователи и т.д

 

Вот у меня:

mar.PNG

 

Как сделать вот так:

ben.PNG

 

Помогите пожалуйста, пол года это не могу сделать.

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

[MontiQ]

что то типо такого должно быть 

.group {
color: black;
font-weight: bold;
background: background: #bfbfbf;
background: -moz-linear-gradient(top, #bfbfbf 0%, #8e8e8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#8e8e8e));
background: -webkit-linear-gradient(top, #bfbfbf 0%,#8e8e8e 100%);
background: -o-linear-gradient(top, #bfbfbf 0%,#8e8e8e 100%);
background: -ms-linear-gradient(top, #bfbfbf 0%,#8e8e8e 100%);
background: linear-gradient(to bottom, #bfbfbf 0%,#8e8e8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#8e8e8e',GradientType=0 );
padding: 2px 10px 2px 10px;
border: 1px solid #000;
}

ну цвета под себя. !

[Aybulat]

что то типо такого должно быть 

.group {
color: black;
font-weight: bold;
background: background: #bfbfbf;
background: -moz-linear-gradient(top, #bfbfbf 0%, #8e8e8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#8e8e8e));
background: -webkit-linear-gradient(top, #bfbfbf 0%,#8e8e8e 100%);
background: -o-linear-gradient(top, #bfbfbf 0%,#8e8e8e 100%);
background: -ms-linear-gradient(top, #bfbfbf 0%,#8e8e8e 100%);
background: linear-gradient(to bottom, #bfbfbf 0%,#8e8e8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#8e8e8e',GradientType=0 );
padding: 2px 10px 2px 10px;
border: 1px solid #000;
}

ну цвета под себя. !

 

А куда это вставлять?

[WOLF]

ipb_styles.css