Здравствуйте! Версия 3.1 была лучшей в истории IPB :)

Сразу добавлю, что у меня версия 3.3.4

 

Захотелось мне сделать вид репутации как там.

 

 

Вроде бы ничего сложного, просто, удобно и красиво.

 

Текущий вид:

 

 

И так, начал я ее делать.

Редактируется это все добро в css.

 

Строки, отвечающие за репутацию (из версии 3.1)

 

 

.rep_bar {
background: #f1f1f1;
border: 1px solid #e9e9e9;
border-bottom: 0;
font-size: 0.8em;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
padding: 0 10px;
right: 0;
bottom: 36px;
margin-right: 6px;
max-width: 90px;
position: absolute;
}

/*	.post_block.rep_highlight .rep_bar {
	max-width: 140px;
}*/

.rep_bar ul {
	margin-top: 8px;
	float: left;
}

	.rep_bar ul li {
		float: left;
	}

p.rep_highlight {
float: right;
display: inline-block;
margin: 5px 10px 10px 10px;
background: #505050;
color: #fff;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 0.8em;
font-weight: bold;
text-align: center;
}

p.rep_highlight img {
	margin-bottom: 4px;
}  

 

 

Ставлю я это все к себе (с заменой, ест-но).

 

Но наблюдаются пару артефактов вида:

 

1) Слишком низко

 

 

2) Наезжает на табличку "Отредактировано" 

 

 

3) При наличии подписи у пользователя уезжает вниз, к форме добавления комментария

 

 

Помогите все это исправить, весь мозг уже сломал  :(

Изменено 30 января 201313 г пользователем Енот

Здравствуйте.

 

p.rep_highlight {
   float: right;
   display: inline-block;
   margin: 5px 10px 10px 10px;
   background: #505050;
   color: #fff;
   padding: 5px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   font-size: 0.8em;
   font-weight: bold;
   text-align: center;
}

   p.rep_highlight img {
       margin-bottom: 4px;
   }  

Это не имеет отношения к Вашей репутации. Плюс нет у Вас в коде отсутствует

.reputation { .... }

Плюс Отличается HTML - нужно править шаблон.