Обтекание картинки текстом в SMF 2

Deathroot · 20 октября 2009, 15:37:30

Есть мод для 1й версии. Как реализовать во 2й?

Макар · 20 октября 2009, 16:56:12

на странице мода нет парсинга для ручной установки на двойку ?

digger® · 20 октября 2009, 17:09:56

Цитата: Makar от 20 октября 2009, 16:56:12
на странице мода нет парсинга для ручной установки на двойку ?

Если мод под SMF1, то откуда возьмется инструкция под двойку.

Макар · 20 октября 2009, 20:21:00

Цитата: digger от 20 октября 2009, 17:09:56
Если мод под SMF1, то откуда возьмется инструкция под двойку.

при желании можно сделать по аналогии
посмотреть где и чего меняется и провести такие же изменения в двойке

там изменений то

File Edits
./Sources/Subs.php

Найти:

Код Выделить



			array(
				'tag' => 'img',
				'type' => 'unparsed_content',
				'parameters' => array(
					'alt' => array('optional' => true),
					'width' => array('optional' => true, 'value' => ' width="$1"', 'match' => '(\d+)'),
					'height' => array('optional' => true, 'value' => ' height="$1"', 'match' => '(\d+)'),
				),
				'content' => '<img src="$1" alt="{alt}"{width}{height} border="0" />',
				'validate' => create_function('&$tag, &$data, $disabled', '$data = strtr($data, array(\'<br />\' => \'\'));'),
				'disabled_content' => '($1)',
			),

Заменить на:

Код Выделить



			array(
				'tag' => 'img',
				'type' => 'unparsed_content',
				'parameters' => array(
					'alt' => array('optional' => true),
					'width' => array('optional' => true, 'value' => ' width="$1"', 'match' => '(\d+)'),
					'height' => array('optional' => true, 'value' => ' height="$1"', 'match' => '(\d+)'),
					'align' => array('optional' => true, 'value' => ' align="$1"', 'match' => '(left|right|middle|top|bottom)'),
				),
				'content' => '<img src="$1" alt="{alt}"{width}{height}{align} border="0" />',
				'validate' => create_function('&$tag, &$data, $disabled', '$data = strtr($data, array(\'<br />\' => \'\'));'),
				'disabled_content' => '($1)',
			),

что бы не быть голословным сделал у себя на тестовой версии
все заработало

единственное НО

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

[img align=parameter]http://image path[/img] where parameter can be one of the following values: left, right, middle, top, bottom.

digger® · 20 октября 2009, 22:28:13

Цитата: Makar от 20 октября 2009, 20:21:00
при желании можно сделать по аналогии

Можно, но автоматический парсер не умеет делать по аналогии

Вообще, можно взять чудесный мод Custom BBCode и за пару минут добавить новый BB-код для обтекания, с кнопкой и всеми делами.

Deathroot · 21 октября 2009, 14:59:08

Makar спасибо! получилось, но не совсем красиво((

Как сделать отступ от картинки?

Макар · 21 октября 2009, 17:47:48

Параметр border изменить на отличный от нуля.

Deathroot · 21 октября 2009, 18:46:37

Цитата: Makar от 21 октября 2009, 17:47:48
Параметр border изменить на отличный от нуля.

Если изменить вот что получиться:

Не отступ текста от картинки, а рамка вокруг картинки появляется....

0daliska · 21 октября 2009, 18:53:51

Цитировать
Параметр BORDER

Описание

Изображение, помещаемое на веб-страницу, можно поместить в рамку различной ширины. Для этого служит параметр border тега <IMG>. По умолчанию рамка вокруг изображения не отображается за исключением случая, когда рисунок является ссылкой. При этом цвет рамки совпадает с цветом ссылок, заданных с помощью стиля или параметра link тега <BODY>.

Чтобы убрать рамку, следует задать параметр border="0".
.........

Параметр HSPACE и VSPACE
Описание
Для любого изображения можно задать невидимые отступы по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, чтобы текст не «наезжал» плотно на изображение, необходимо вокруг него добавить пустое пространство.
Синтаксис

Код Выделить Развернуть
<img hspace="отступ по горизонтали" vspace="отступ по вертикали">

Аргументы
Любое целое положительное число в пикселах.

Значение по умолчанию
0

Пример 6. Отступы вокруг изображения

Код Выделить Развернуть
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег IMG, параметр hspace</title> </head> <body> <p><img src="/images/sample.gif" width="150" height="150" hspace="5" vspace="7" alt="" align="left"></p> <p>Пример обтекания картинки текстом</p> </body> </html>

Взято: http://htmlbook.ru/html/img.html

Следовательно , в Вашем случае:

Код Выделить

'content' => '<img src="$1" alt="{alt}"{width}{height}{align} border="0" hspace="5" vspace="7" />',
где вместо 5 и 7 можете поставить любые цифры, отличные от 0, на сколько надо отодвинуть текст от картинки

Deathroot · 21 октября 2009, 19:24:08

Спасибо помогло!

Макар · 21 октября 2009, 21:31:52

Ну да. Если не устраивает рамка или она выделяется в дизайне, то добавить, как описала Odaliska, в код параметры hspace vspace

illia · 17 октября 2012, 20:17:41

Макар
Спасибо за код для обтекания картинки.
Правда заметил такое. Если пост, где уже вставлена обтекаемая картинка, изменить, нажав на Изменить вверху поста и в режиме правки на панели инструментов нажать на стрелочку Переключить вид, чтобы картинки в посте отображались так, как есть, а не кодом, то уже при предварительном просмотре или при сохранении поста сама картинка (весь код)

Код Выделить

[img align=right]http://ххххххххх.jpg[/img] пропадает.
У кого-то было подобное? Если да, то как это исправили? Это по сути не очень критическая проблема, но все же хочется исправить.

illia · 20 октября 2012, 01:29:23

Решил вопрос обтекания картинки для своего случая.
Вот обсуждение:
http://www.simplemachines.org/community/index.php?topic=466679.msg3261128#msg3261128

Я только внес некоторые изменения:

1) в коде

Код Выделить

array(
				'image' => 'float',
				'code' => 'img',
				'before' => '[float=left][img]',
				'after' => '[/img][/float]',
				'description' => $txt['float']
			),

я исправил строку

Код Выделить

'before' => '[float=left][img]', на

Код Выделить

'before' => '[float=right][img]',

2) создал на онлайн-ресурсе две картинки: img.gif и float.gif и залил их в /Themes/default/images/bbc. Первой картинкой я заменил стандартную иконку на панели инструментов, а вторая должна быть, т.к. предусмотрена вышеприведеным кодом. Нажав на вторую мы получим такой код:

Код Выделить

[float=right][img][/img][/float]

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

Я так думаю, что можно создать несколько иконок: обтекание справа, слева и по центру. Мне пока нужно слева (т.е. картинка справа), поэтому другие иконки не создавал.

GeorG · 20 октября 2012, 02:36:44

Может просто мод установить? - http://custom.simplemachines.org/mods/index.php?mod=2305

illia · 20 октября 2012, 11:45:39

Цитата: GeorG от 20 октября 2012, 02:36:44Может просто мод установить? - http://custom.simplemachines.org/mods/index.php?mod=2305

Пробовал. Не пошел. Даже при эмуляции версии. Кстати, проблему с ним тоже где-то на simplemachines.org обсуждали. Можно считать, что я этот мод установил вручную (они оба между собою похожи). Вчера перепробовал все моды, которые мог найти (вроде бы три штуки, или больше, не помню). С модами никогда проблем не было, но этим мешала моя вторая версия форума.
Кстати, неплохо бы было (и я отписался в тестовом форуме), чтобы в новом релизе добавили обтекание. Для оформления постов очень важная штука. Зато уже есть Черновики, что тоже хорошо.

GeorG · 20 октября 2012, 13:10:33

Видимо конфликт установки с другими модами.

illia · 20 октября 2012, 13:22:16

Цитата: GeorG от 20 октября 2012, 13:10:33Видимо конфликт установки с другими модами.

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

GeorG · 20 октября 2012, 14:02:58

Специально сейчас скачал и установил мод в режиме эмуляции (2.0), без всяких проблем. А что за ошибки у вас были? Случайно не в - "совместимости с используемой версией SMF"? Если она, то надо ставить в режиме эмуляции. Хотя теперь уже неважно...

illia · 20 октября 2012, 15:09:56

Цитата: GeorG от 20 октября 2012, 14:02:58Случайно не в - "совместимости с используемой версией SMF"? Если она, то надо ставить в режиме эмуляции.

Так и ставил. Но версию давал 1.0, чтобы наверняка. Только сейчас понял, что ступил и ступил конкретно: с 2.0.2 откатывался до 1.0, а мод поддерживает 1.1.11- 2.0. Т.е. перебор у меня был и с одной стороны, и с другой. Мдя... Вебмастер-ломастер.
Кстати, хотелось бы узнать Ваше мнение, насчет эмуляций. Теоретически ведь могут возникнуть проблемы в будущем, если ставить моды в режиме эмуляции и лучше вручную править код? Эмуляция вроде как не особо рекомендуется? Или на практике проблемы не случаются из-за установок мода в режиме эмуляции?

GeorG · 20 октября 2012, 15:18:47

Цитата: illia от 20 октября 2012, 15:09:56Но версию давал 1.0, чтобы наверняка.

Чтоб наверняка, надо было ставить в 2.0. Да перебор у вас...

Цитата: illia от 20 октября 2012, 15:09:56Теоретически ведь могут возникнуть проблемы в будущем

При удалении мода, нужно только опять войти в режим эмуляции, это всё. Больше проблем нет. Эмуляция просто смотрит на версию движка, если изменяемый код под эмуляцией не подойдет, то выдаст ошибку (как и обычно). Тогда да, устанавливать не надо.

Цитата: illia от 20 октября 2012, 15:09:56Или на практике проблемы не случаются из-за установок мода в режиме эмуляции?

Нет, не случаются.

illia · 20 октября 2012, 15:34:30

GeorG
Большое Вас спасибо за ответы!
Приятно, что есть люди, которые могут помочь и помогают советом.