Images across in attachment

[Палыч]

***Blaze***
Ключевое слово:

Поэтому для отмены действия float следует добавить <div style="clear: left"></div> после последнего блока с фотографией.

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

По поводу float, затем clear - сработает последнее определение (оно отменит первое, которое будет проигнорировано).

[***Blaze***]

Палыч
Согласен. А, если в viewtopic_body.html сделать так?

Код: Выделить всё

			<div class="content">{postrow.MESSAGE}</div>

			<!-- IF postrow.S_HAS_ATTACHMENTS -->
				<dl class="attachbox">
					<dt>{L_ATTACHMENTS}</dt>
					<!-- BEGIN attachment -->
						<div style="clear: left"><dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd></div>
					<!-- END attachment -->
				</dl>
			<!-- ENDIF -->

[Палыч]

***Blaze***
Кхм...http://www.phpbbguru.net/community/topi ... ml#p219890

[Fray98rus]

Спасибо ***Blaze*** за идею с горизонтальными вложениями. Попробовал и получил такую кривость(код bb указан). Т.е. если после аттача вставлять перевод на следующую строку(для более наглядного "кода" сообщения) то идет такая вот лесенка.

bugacross.jpg

Можно ли как-нибудь профиксить данный баг?

Добавлено спустя 7 минут 26 секунд:
По моему это в bb-code надо копать? или я ошибаюсь?

[***Blaze***]

Fray98rus
В вашем стиле, в шаблоне attachment.html видимо где-то тег <br/> (перенос строки), просто найдите его и удалите.

[ZhAN]

Сыровато конечно

Использую просильвер.

У кого есть проблема со "ступеньками" и сползанием надписей после аттачей можно "решить" добавив в стили
(например content.css возле /* Content container styles)

Код: Выделить всё

.content br {
	clear: left;
}

После этого перевод строки внутри сообщения будет таки делать перевод строки.

Естественно нужно понимать, что инлайн аттачи в теле сообщения введенные с новой строки каждый - будут показаны при просмотре темы тоже каждый с новой строки (раньше была ступенька). Если хотите чтобы они отображались подряд - не разделяйте их вообще или разделяйте пробелом.

Какие грабли вылезут от такого "решения" опыт не позволяет сказать. Визуально все работает.

[ZhAN]

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

Привожу кусочки из content.css в которых нужно внести изменения

1. В аттачах после сообщения (те аттачи, которые не вставлены явно в тело сообщения через ББкод) убираем "clear: left;" и добавляем "float: left;"

Код: Выделить всё

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
/* clear: left; */ /* удалить или комментировать */
	float: left;  /* Добавил */
	border-top: 1px solid #d8d8d8;
}

2. Аттачи, в теле сообщения (вставленные через ББкод) добавляем "float: left;"

Код: Выделить всё

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
	float: left; /* Добавил */
}

3. Делаем возможным работу переводов строки (добавляем после .content {...})

Код: Выделить всё

/* Чтобы перевод строки реально переводил строки */
.content br {
   clear: left;
}

Наверняка будут баги, но как говорится - нет предела совершенству :)

[Fray98rus]

видимо где-то тег <br/>

Нет, нету <br /> берется из текста сообщения.
ZhAN
Спасибо, посмотрим.

Добавлено спустя 16 минут 8 секунд:
ZhAN
Если вставить ббкод

Код: Выделить всё

[attachment][/attachment]
[attachment][/attachment]
[attachment][/attachment]

То картинки отображаются все равно вертикально. Хотя, это кому как нравится.

[ZhAN]

картинки отображаются все равно вертикально

Конечно вертикально, ты же явно ставишь перевод строки между аттачами. Напиши их в одну строку - и они будут в одну строку:

Код: Выделить всё

[attachment][/attachment] [attachment][/attachment] [attachment][/attachment]

[HeHacbITHbIu]

Что-то не получается всё-равно...
Текст справа от картинок идет :(

[DarkStone]

Форум 3.0.4. Не могу поставить на subsilver2

поскольку в subsilver2/theme/stylesheet.css не имею таких строк:

Код: Выделить всё

/* BBCode
 ------------ */
.quotetitle, .attachtitle {
   margin: 10px 5px 0 5px;

и

Код: Выделить всё

.quotecontent, .attachcontent {
   margin: 0 5px 10px 5px;
   padding: 5px;

чего делать?

[Nibiru]

кто знает как поправить в subsilver2?

[Jet]

n0ne
Сделал все по вашей инструкции, но при нажатии на превью пишет "Loading..." и ничего не происходит (не открывает). Стиль тож основан на сабсилвер2.

[Jet]

DarkStone

Находим:

Код: Выделить всё

/* BBCode
 ------------ */
.quotetitle, .attachtitle

На линии находим и удаляем:

Код: Выделить всё

 .attachtitle

Находим:

Код: Выделить всё

.quotecontent, .attachcontent

На линии находим и удаляем:

Код: Выделить всё

 .attachcontent

[Shredder]

Для subsilver2 мод не работает (другим стилем не пользуюсь). Аттачи располагаются просто, как им вздумается. Особенно, если в посте одновременно присутствуют и маленькие изображения, и те, для которых делаются превью. Но даже и с однотипными превьюшными всё глючит, как показано на скринах. Обратите внимание на ещё и на подпись.

На скриншотах показан мод, "как он есть". Хотя я целый день убил, пытаясь изменить что-нибудь и привести всё в нормальный вид - бестолку. Мне кажется, извращаться с шаблонами, <div>'ами и пр. здесь бесполезно, ведь есть же какая-то функция, "тыкающая" эти несчастные вложения каждый раз с новой строки, вот именно её надо найти и убить. Простые изображения ведь могут располагаться в произвольном порядке, а вложения, насколько я понимаю, переносит что-то принудительно? Или я неправ?