PIP рисунки в два столбика

[DacentGS]

Как сделать что бы пип рисунки после например 15 pip начинались с новой строчки? Просто замена рисунками не пойдёт, надо пользователям трафик экономить.

Пример: (звёздочки будут типа рисунки)

 

***************

*****

Пример № 2:

http://img62.imageshack.us/img62/9606/pip5tj8.jpg

[Sannis]

Имхо бпред экономить на этом трафик, браузер-то всё равно кеширует рисунки эти, а они места ой как мало занимают.

 

Так что это только для текстового скина разве что...

[DacentGS]

Мне не нужны советы по экономии трафика, без обид! Просто мне нужно это, как это сделать?

[Sannis]

В смысле в 2 строчки?

 

В 2.2 в ./sources/action_public/topics.php+другие где это показывается или в 2.3 в ./sources/ipsclass.php в функции parse_member найти:

			if ( is_numeric( $pips ) )
		{
			for ($i = 1; $i <= $pips; ++$i)
			{
				$member['member_rank_img'] .= "<{A_STAR}>";
			}
		}

Заменить на

			if ( is_numeric( $pips ) )
		{
			for ($i = 1; $i <= $pips; ++$i)
			{
				$member['member_rank_img'] .= "<{A_STAR}>";
				if($i % 10 == 0)
				{
					$member['member_rank_img'] .= "<br />";
				}
			}
		}

10 - количество пипок в строке.

[DacentGS]

А можно поконкретнее в каких других?

[Sannis]

sources\action_public\topics.php (1120): $member['member_rank_img'] .= "<{A_STAR}>";

sources\action_public\profile.php (2760): $member['_member_rank_img'] .= "<{A_STAR}>";

sources\action_public\profile.php (3875): $member['member_rank_img'] .= "<{A_STAR}>";

modules\trivia\public\search.php (355): $member['member_rank_img'] .= '<{A_STAR}>';

 

Обратите внимание на 2ю строку, не забудьте про подчёркивание в начале переменной.

[DacentGS]

А что бы как на рисунке как зделать? Так точно можно, я на одном форуме видел.

[Sannis]

А то что я написал что делает??? Дайте ссылку на форум.

[DacentGS]

Смотри рисунок! Твоя функция переносит строчку но разделяет! Т.е. между рисунками не должно быть расстояния.

[Sannis]

Это уже проблемы вёрстки. Не в курсе как решить. По мне так горизонтальные интервалы и вертикальные должны быть одинаковыми. Если вы убрали горизонтальные - скажите как, помогу с вертикальными.

[DacentGS]

Sannis

Ну что ты придумал как это зделать?

[Sannis]

Вообщето это у меня был вопрос...

 

В общем ппц. Вы хотите чтобы было не как на первом рисунке, а как на втором?

 

Первый, второй рисунки.

[DacentGS]

Как на втором!

[DacentGS]

Sannis нашёл я как релизовать данную штуку))

При замене сточки "middle" на "none" в этом коде:

img{
border: 0; /* makes sure linked images do not have a border */
vertical-align: middle;
}

строка переноситься как надо (вроде, но рисунок ровно точно так же расположен как на рисунке в первом посте), но возникают другие проблеммы с рисунками, оно и понятно)) Прописывать к каждому рисунку параметр middle смерти подобно, так что я подумал что ты что-нибудь посоветуешь.

[Sannis]

Не помню в чём там была проблема, но вариант со 2й моей картинкой — реальный, с форума скрин сделан.

 

А если нужно прописать в эти изображения none, то это нужно сделать в макросе, см. выше в каком.

[DacentGS]

В макросе прописывал, но из за строчки <br /> строка всё равно откидываеться на 5px. А у нас же вроде не получилось со вторым?

 

Есть ли ещё какой-нибудь способ перенести строчку? Может там с помощью таблицы или ещё чего?

 

Кое что обнаружил.

При удаление строчки: vertical-align: middle; из этого кода:

img{
border: 0; /* makes sure linked images do not have a border */
vertical-align: middle;
}

всё работает прекрасно, но увы сразу плывут все картинки.

[xRay]

DangentGS

О господи ты боже мой! Трудно чтоли у тега прописать стиль а у стиля размер супермелкий???? Я хренею дорогая редакция... просто ппц какая проблема, блин

 

Да и вообще пипки в две строки... это да... ппц короче

[DacentGS]

Всё это хорошо что ты тут непонятно кем и непонятно перед кем себя выставляешь, но лучше бы именно написал что делать. А так ты просто провоцируешь на новые вопросы.

[xRay]

В таблицу с двумя строчками запихай свои пипки бордер у таблицы отрубиш и все

[DacentGS]

Чаво? )))

[xRay]

Типа такого:

<table border=0 cellpadding="0" cellspacing="0">
<tr>
<td><img src="bar.gif" border="0"><img src="bar.gif" border="0"><img src="bar.gif" border="0"><img src="bar.gif" border="0"><img src="bar.gif" border="0">
</td>
<tr>
<tr>
<td><img src="bar.gif" border="0"><img src="bar.gif" border="0">
</td>
<tr>
</table>

[DacentGS]

Я так понимаю это надо в RenderRow вставлять (разумееться сначала отредактировать)?

 

Немного поразмыслев понял что ты совсем меня не понял! Чушь какая то то что ты написал, такой код не вставить, пипы то как по твоему будут отображаться.

[xRay]

Ога конечно же чушь ты-то лучше знаешь

сюда над применять http://www.ibresource.ru/forums/index.php?...st&p=281334

[Sannis]

В макросе прописывал, но из за строчки <br /> строка всё равно откидываеться на 5px. А у нас же вроде не получилось со вторым?

 

Есть ли ещё какой-нибудь способ перенести строчку? Может там с помощью таблицы или ещё чего?

 

Кое что обнаружил.

При удаление строчки: vertical-align: middle; из этого кода:

img{
border: 0; /* makes sure linked images do not have a border */
vertical-align: middle;
}

всё работает прекрасно, но увы сразу плывут все картинки.

 

Интересно у тебя выходит, если из CSS убрать — работает, а если в img прописать — нет? Не может такого быть. Попробуй ещё разок.

 

Всё получилось. Во всез браузерах кроме ИЕ7, ибо у меня его нету. В 6м даже по моей памяти всё тип-топ.

[DacentGS]

Sannis, распиши пожалуйста всё подробно, что и как ты делал.

 

2 xRay

Можешь тоже свой вариан написать.

[Sannis]

Я делал 1 в 1 как написано в том посту + нужно отредактировать изображение pip.gif, обрезать у него по пикселю по краям, там цвет фона.

 

Дай ссылку на то что у тебя получилось на данный момент по тому посту.