Вложения-картинки в одну линию

В данном подфоруме будут располагаться темы с анонсами интересных модификаций, а так же будут рассматриваться проверенные временем дополнения для phpBB3.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----

Был ли полезен для вас данный анонс ??

Можно выбрать до 1 варианта ответа

 
 
Результаты голосования

Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

Всем доброго времени суток :-00): Как показал личный опыт достаточно большое количество админов усердно ищут способ расположения вложений-картинок в горизонтальной плоскости, тобишь в одну линию. На днях я нашел таки способ, коим спешу поделиться. Но к сожалению данный способ подходит только для стилей на основе просильвера, на сабсильвер может коллективным разумом придумаем.

Собственно начинаем правки, их особо не много, 7 файлов для редактирования. Открываем шаблон styles/prosilver/template/viewtopic_body.html и находим

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

<dl class="attachbox">
					<dt>{L_ATTACHMENTS}</dt>
					<!-- BEGIN attachment -->
						<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
					<!-- END attachment -->
				</dl>
Заменяем найденное на

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

<h3>{L_ATTACHMENTS}</h3>
				<!-- BEGIN attachment -->
				{postrow.attachment.DISPLAY_ATTACHMENT}
				<!-- END attachment -->
Открываем styles/prosilver/template/posting_preview.html и находим

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

<dl class="attachbox">
			<dt>{L_ATTACHMENTS}</dt>
			<!-- BEGIN attachment -->
			<dd>{attachment.DISPLAY_ATTACHMENT}</dd>
			<!-- END attachment -->
		</dl>
Заменяем найденное на

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

<h3>{L_ATTACHMENTS}</h3>
		<!-- BEGIN attachment -->
		{attachment.DISPLAY_ATTACHMENT}
		<!-- END attachment -->
Открываем styles/prosilver/template/posting_review.html и находим

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

<dl class="attachbox">
				<dt>{L_ATTACHMENTS}</dt>
				<!-- BEGIN attachment -->
					<dd>{post_review_row.attachment.DISPLAY_ATTACHMENT}</dd>
				<!-- END attachment -->
			</dl>
Заменяем найденное на

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

<h3>{L_ATTACHMENTS}</h3>
			<!-- BEGIN attachment -->
			{post_review_row.attachment.DISPLAY_ATTACHMENT}
			<!-- END attachment -->
Открываем styles/prosilver/template/mcp_post.html и находим

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

<dl class="attachbox">
				<dt>{L_ATTACHMENTS}</dt>
				<!-- BEGIN attachment -->
					<dd>{attachment.DISPLAY_ATTACHMENT}</dd>
				<!-- END attachment -->
			</dl>
Заменяем найденное на

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

<h3>{L_ATTACHMENTS}</h3>
			<!-- BEGIN attachment -->
			{attachment.DISPLAY_ATTACHMENT}
			<!-- END attachment -->
Открываем styles/prosilver/template/attachment.html и находим

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

<!-- IF _file.S_THUMBNAIL -->
		<dl class="thumbnail">
			<dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
			<!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
		</dl>
		<!-- ENDIF -->


		<!-- IF _file.S_IMAGE -->
		<dl class="file">
			<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->

		<!-- IF _file.S_FILE -->
		<dl class="file">
			<dt><!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->
Заменяем найденное на

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

<!-- IF _file.S_THUMBNAIL -->
		<div class="thumbnail">
			<a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a>
			<!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
		</div>
		<!-- ENDIF -->

		<!-- IF _file.S_IMAGE -->
		<div class="file">
			<img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" />
			<!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
			<br />{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}
		</div>
		<!-- ENDIF -->

		<!-- IF _file.S_FILE -->
		<div class="file">
			<!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a>
			<!-- IF _file.COMMENT --><br /><em>{_file.COMMENT}</em><!-- ENDIF -->
			<br />({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}
		</div>
		<!-- ENDIF -->
Открываем styles/prosilver/template/bbcode.html и находим

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

<!-- BEGIN inline_attachment_open --><div class="inline-attachment"><!-- END inline_attachment_open -->
<!-- BEGIN inline_attachment_close --></div><!-- END inline_attachment_close -->
Заменяем найденное на

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

<!-- BEGIN inline_attachment_open --><table><tr><td><!-- END inline_attachment_open -->
<!-- BEGIN inline_attachment_close --></td></tr></table><!-- END inline_attachment_close -->
Открываем styles/prosilver/theme/content.css и находим

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

/* Inline image thumbnails */
Вставляем перед найденным

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

/* Horizontal attachments */
div.thumbnail {
	float: left;
	padding: 4px 4px 2px;
	text-align: center;
	margin: 4px 4px 4px 0;
}
div.thumbnail img {
	padding: 2px;
	background-color: #C79360;
	border: 2px solid #9A5614;
}
div.file {
	float: left;
	padding: 4px 4px 2px;
	background-color: #cadceb;
	border: 1px solid #A5C1D8;
	margin: 4px 4px 4px 0;
}
Чистим всевозможные кеши и вуаля. Кстати судя по коду, такое же решение можно спокойно применить и для сабсильвера. Успехов :bra_vo:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1
Аватара пользователя
rozovodik
Заглянул на огонек
Заглянул на огонек
Сообщения: 27
Стаж: 12 лет 6 месяцев
Откуда: Переславль-Залесский
Контактная информация:

Вложения-картинки в одну линию

Сообщение rozovodik »

DeaDRoMeO писал(а):Кстати судя по коду, такое же решение можно спокойно применить и для сабсильвера
Методом слепого тыка (как обычно )))) попробовала установить на сабсильвер. Там немножко другие коды, но по смылу места в шести файлах нашлись. Седьмого, content.css там вообще нету и в stylesheet.css нет похожего места. Где-то ближе к концу в stylesheet.css я прилепила нужный кусочек. и получился вот такой
http://dfiles.ru/files/rrduu73e7
Ну, ладно вам... не смейтесь ))), ну, чайник я )))

а в общем итоге получилось вот что, если интересно: http://milko-posad.ru/viewtopic.php?f=2 ... fce2667ef9

В первом посте фото, вставленные кучей, как вложения. Во втором - вставленные в текст сообщения при помощи тега attachment. Слово "Вложения" удалила сама из русского языка.
По большому счету очень мне понравился внешний вид.

У кого есть время и настроение, посоветуйте, пожалуйста, что бы еще изменить, чтобы
- убралась лесенка в первом ряду в первом посте. чайники плохо понимают, откуда она появляется;
- и это самое важное для меня! чтобы при вставке в текст при помощи тегов, изображения тоже выстраивались в строчку, а не в столбик, как сейчас;
- так красиво получился "комментарий к файлу" под картинкой. а зачем два раза? можно ли убрать вверху вместе с этими ужасными черными словами "Комментарий к файлу:", чтобы остался только внизу аккуратненько посерединке;
- ну, и уж как совсем пижонство, можно ли чтобы длинный комментарий переносился построчно по ширине картинки, а не разъезжался одной строкой как на последней картинке?

:smu:sche_nie:
#2
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

Завтра днем чтонибудь сообразим)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#3
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

Отвечу в воскресенье, дела срочные
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#4
Аватара пользователя
mixail
Свой на все 100
Свой на все 100
Сообщения: 693
Стаж: 12 лет 3 месяца
Контактная информация:

Вложения-картинки в одну линию

Сообщение mixail »

DeaDRoMeO писал(а):способ расположения вложений-картинок в горизонтальной плоскости, тобишь в одну линию.
А если все установишь и заменишь, как вы описали, это все распространяется только когда захочешь расположить картинки по плоскости или обратного нету и все картинки будут располагаться только по плоскости, или это все за счет bb-кода какого нибудь устанавливается когда это нужно...))
#5
Аватара пользователя
Alexander
Свой на все 100
Свой на все 100
Сообщения: 484
Стаж: 11 лет 5 месяцев
Откуда: Россия
Контактная информация:

Вложения-картинки в одну линию

Сообщение Alexander »

А какой синтаксис BB-кодов в посте нужно применять, чтоб картинки располагались горизонтально? Какой, чтоб вертикально?
#6
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

Кнопка Вставить в сообщение, с помощью нее вставляете вложения, без использования кнопки Enter для переноса строк
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#7
Аватара пользователя
mixail
Свой на все 100
Свой на все 100
Сообщения: 693
Стаж: 12 лет 3 месяца
Контактная информация:

Вложения-картинки в одну линию

Сообщение mixail »

DeaDRoMeO писал(а):Кнопка Вставить в сообщение, с помощью нее вставляете вложения, без использования кнопки Enter для переноса строк
Я так понимаю, что этот ответ и на мой вопрос тоже....))

То есть когда захочешь расположить картинки по плоскости, то это можно сделать с помощью bb-кода..., а в других случаях картинки будут располагаться как всегда не в горизонтальной плоскости...))
#8
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

По идее так)
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#9
Аватара пользователя
rozovodik
Заглянул на огонек
Заглянул на огонек
Сообщения: 27
Стаж: 12 лет 6 месяцев
Откуда: Переславль-Залесский
Контактная информация:

Вложения-картинки в одну линию

Сообщение rozovodik »

Хм... а по моей ссылке получилось как раз наоборот. В первом посте не использована кнопка вставить в текст сообщения, а втором использована. :sh_ok: Т.е. все с ног на голову?
#10
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

Видимо да, вставлять надо с помощью кнопки и без переноса строк
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#11
Аватара пользователя
rozovodik
Заглянул на огонек
Заглянул на огонек
Сообщения: 27
Стаж: 12 лет 6 месяцев
Откуда: Переславль-Залесский
Контактная информация:

Вложения-картинки в одну линию

Сообщение rozovodik »

Сереж, а ты сейчас ко мне обращаешься? "видимо да" - это про что?
Ты сам говоришь, что админам хочется, чтобы фотографии выстраивались в горизонтальный ряд. Так оно и есть, потому что, когда фоток много, то пост получается длиннючий, если они все по одной на строчке. Но по моей ссылке, когда я попробовала вставить твои коды в сабсильвер, как раз получилось наоборот. Если вставлять при помощи кнопок, то они выстраиваются как раз наоборот - в вертикаль.
http://milko-posad.ru/viewtopic.php?f=2 ... 449ea21ea7
Не веришь, можешь зайти в посты под admin/1234567
Хотя мой форум, который делал ты, тоже на сабсильвере, и там ты сделал именно так, как говоришь - нажимаешь кнопочку "Вставить в текст сообщения" без переноса строки и все выстраиваются в рядочек по горизонтали. Нажал перенос строки - пошел второй ряд.

Сейчас же у меня так выстраиваются фотки в первом посте, где просто загрузка 8 фото без всяких кнопок. Оно, конечно, красиво, хоть и криво почему-то первый ряд, но ведь такая вставка фото отображается только в конце поста после текста. А это-то как раз и неудобно. Хочется, чтобы в любое место можно было...
#12
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

Будет свободное время - поищу решения, просто вам я ставил по другой инструкции выстраивание в ряд
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#13
Аватара пользователя
rozovodik
Заглянул на огонек
Заглянул на огонек
Сообщения: 27
Стаж: 12 лет 6 месяцев
Откуда: Переславль-Залесский
Контактная информация:

Вложения-картинки в одну линию

Сообщение rozovodik »

Так я и обращалась к тому,
...У кого есть время и настроение...
Искренне рада, что у тебя много работы, о чем прочитала в другой теме. Это ж хорошо! :co_ol:
Я бы и не сунулась, если тобой же не было написано
...на сабсильвер может коллективным разумом придумаем...
Но, ежели нет желающих покопаться, так на нет и суда нет. :smu:sche_nie:
#14
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

Да дело тут больше не в работе, а в предстоящих событиях, если у вас есть время откатите правки из этой темы и примените эти - http://www.phpbbguru.net/community/topic19395.html - в первом посте есть мод, там инструкция и для сабсильвера есть
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#15
Аватара пользователя
rozovodik
Заглянул на огонек
Заглянул на огонек
Сообщения: 27
Стаж: 12 лет 6 месяцев
Откуда: Переславль-Залесский
Контактная информация:

Вложения-картинки в одну линию

Сообщение rozovodik »

СпасибО! хоть я уже гуров перелопатила, я ж говорю, что от них всегда к тебе возвращаюсь ))) Но, все равно спасибо. Покопаюсь еще раз. Вроде это другая тема.
(задумалась о событиях, и мечтаю, чтобы это было то, о чем я думаю :ro_za: )
#16
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

[hide=10]Армия :-0=)[/hide]
Если все же не справитесь - пишите в личку доступы к ФТП, попробуем решить проблемы
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#17
Аватара пользователя
rozovodik
Заглянул на огонек
Заглянул на огонек
Сообщения: 27
Стаж: 12 лет 6 месяцев
Откуда: Переславль-Залесский
Контактная информация:

Вложения-картинки в одну линию

Сообщение rozovodik »

Армия... :cry_ing:
#18
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вложения-картинки в одну линию

Сообщение DeaDRoMeO »

Всего лишь год отслужить, не заметите как я вернусь
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#19
Аватара пользователя
brigadir
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 66
Стаж: 10 лет 9 месяцев
Контактная информация:

Вложения-картинки в одну линию

Сообщение brigadir »

Если я понимаю речь идёт только о вложениях в сообщения картинок, то на мой взгляд это неоправданно с точки экономии мест на сервере форума. Лучше по моему пользовать сервисами по загрузки картинок - фастпик, радикал.. их куча в интернете, ни для кого не секрет. И что касается картинок в ряд, она работает если установлена модификация "спойлер"
Как видите из примера они тут прекрасно уживаются в ряд. И если не ошибаюсь, то тут скрипт "спойлера" работает и так
Горизонт:

Вертикаль:






Все просто - первый случай картинка за картинкой распологаются, а во втором - картинка следующая переносом строки "ентер"
Последний раз редактировалось brigadir 23 окт 2013, 01:32, всего редактировалось 1 раз.
#20
Ответить