Перейти к содержимому


Фотография
- - - - -

Репутация из 3.1


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 41

#1 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 30 Январь 2013 - 19:39

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

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

 

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

51093ce6e0f68_.png

 

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

Текущий вид:

 

51093d1a3c219_.png

 

И так, начал я ее делать.
Редактируется это все добро в 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) Слишком низко

 

51093e2f4d305_1.png

 

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

 

51093e563b8ec_2.png

 

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

51093e7f7d2a6_3.png

 

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


  • 1

#2 Оффлайн   Reba The Awesome

    Легенда


  • Пользователи
  • Репутация
    219
    • Cообщений: 1 065
    • Форум:3.4.х

Отправлено 30 Январь 2013 - 19:43

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

Скачайте эти старые маленькие картинки плюсиков/минусиков. По-идее больше наезжать не должно.


  • 0

#3 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 30 Январь 2013 - 19:53

Скачайте эти старые маленькие картинки плюсиков/минусиков. По-идее больше наезжать не должно.

 

Скачал, не помогло :(
Видимо, надо что-то еще править, а вот что - никак не могу понять


  • 0

#4 Онлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 857
    • Cообщений: 8 486
    • Форум:3.4.х
    • Город:Казань

Отправлено 30 Январь 2013 - 23:56

Скачал, не помогло :(
Видимо, надо что-то еще править, а вот что - никак не могу понять

либо сделайте так чтобы гости могли видеть репутацию, либо дайте мне данные от своего акка.


  • 0

#5 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 31 Январь 2013 - 01:34

Отправил данные в ЛС, открыть не нашел где


  • 0

#6 Онлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 857
    • Cообщений: 8 486
    • Форум:3.4.х
    • Город:Казань

Отправлено 31 Январь 2013 - 01:46

добавьте в код

.rep_bar {

 

строчку:

margin: 10px 10px 5px;

  • 1

#7 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 31 Январь 2013 - 01:52

Вроде так же

51099605d6a82_.png


  • 0

#8 Онлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 857
    • Cообщений: 8 486
    • Форум:3.4.х
    • Город:Казань

Отправлено 31 Январь 2013 - 01:56

Вроде так же

51099605d6a82_.png

ну так то он встал на свое место это первое, во вторых описали бы по подробнее что вас не устраивает теперь


  • 0

#9 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 31 Январь 2013 - 01:59

Ну а дальше можно по списку:

1) Надо чуть-чуть приподнять вверх иконку с значением репутации
2) Наезжает на Отредактировано
3) При наличии подписи "уезжает" вниз

 

510997d7d98ed_.png


  • 0

#10 Онлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 857
    • Cообщений: 8 486
    • Форум:3.4.х
    • Город:Казань

Отправлено 31 Январь 2013 - 02:08

вот весь код:

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

  • 0