Доработка форм быстрого и развернутого ответа на форуме SMF с использованием мода ExtendPostForm Mod

В этой статье мы продолжим рассматривать разнообразные расширения для форума на SMF, которых достаточно много и они позволяют добавить движку те функции, которые по тем или иным причинам там отсутствуют. Иногда моды предлагают альтернативу уже имеющемуся функционалу и вам остается только выбрать, что лучше — он или оригинальный вариант исполнения.

Ранее мы рассмотрели несколько модификаций для Simple Machines Forum и вопросы, связанные с их установкой и настройкой.

Сегодня мы продолжим улучшать внешний вид конференции и повышать функциональность формы «полный» и «быстрый ответ». Ранее мы научились расширять функционал быстрого ответа до возможностей полного с помощью Enhanced Quick Reply).

Кто-то считает это излишеством, а кто-то очень рад открывшейся возможности. Тут все зависит от тематики и аудитории конкретной конференции. Кроме этого мы научились реализовывать очень удобную на мой взгляд функцию вставки цитаты из сообщений в форму быстрого ответа при помощи dQuoteSelection (см. по ссылке приведенной выше).

ExtendPostForm — настройка формы ответа в SMF

Обратим свой взор на способ вставки в сообщение таких вещей как гиперссылка, изображение, флеша, E-mail и ссылки на FTP. Кнопки для их добавления присутствуют в формах ответов, но они лишь добавляют в текст соответствующие открывающие и закрывающие BB коды.

Выглядит это примерно так:

А хотелось бы, чтобы в форуме SMF при этом появлялось окно, куда можно было бы вставить нужную ссылку на страницу сайта, изображение и прочее.

А для гиперссылок и ссылок FTP после вставки Урла еще бы появлялось окно для вставки текста ссылки (анкора).

В результате, в области для написания сообщения появится уже сформированный BB код ссылки с анкором:

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

Здесь вы можете скачать ExtendPostForm Mod. Для его установки вам нужно выполнить следующие действия:

1. авторизоваться на конференции под логином администратора
2. выбрать в верхнем меню пункт «Администрирование»
3. из левой колонки выбрать пункт «Пакеты модификаций»
4. в открывшемся окне выбрать «Установка пакетов»
5. в области «Загрузить пакет», нажав кнопку «Обзор», находим на нашем компьютере файл мода ExtendPostForm_81.zip и нажимаем на кнопку «Загрузить»

При желании часть возможностей этого мода можно перенести в форму «быстрый ответ» форума. Правда, возможность удобной вставки гиперссылок, адресов изображений и прочее, почему то при этом не работает. Для того, чтобы добавить в «быстрый ответ» эти возможности, нужно будет внести некоторые изменения в файлы дефолтной темы оформления SMF.

Еще раз оговорюсь, что все расширения рассчитаны на автоматическую установку только при использовании дефолтной темы оформления (шаблона) Simple Machines Forum, в противном случае нужно будет ставить его вручную.

Вам нужно будет получить доступ к файлам вашего форума SMF по FTP и открыть на редактирование некоторые файлы. В файле /Themes/default/Display.template.php заменить на код, а в любое место файла /Themes/default/languages/Post.russian.php добавить следующий код.

В продолжение темы окна «быстрый ответ» хочу показать, где именно можно изменить его размер, т.к. по умолчанию он достаточно небольшой и в случае, если вы добавили в нее функционал формы полного ответа, то вам может понадобиться увеличить ее размер. Для этого вам нужно будет получить доступ к файлам по FTP и открыть на редактирование файл /Themes/default/Display.template.php.

Найдите в нем в строке:

<div style="width: 100%;" align="center"><div class="tborder" style="width: 50%;" align="left">

и замените значение width: 50% на нужное вам процентное соотношение относительно размера всей страницы. Например, я поставил width: 80%. Таким образом ширина формы «быстрый ответ» станет равной 80 процентам от всей ширины страницы. Для изменения размера по высоте вам нужно найти в файле /Themes/default/Display.template.php следующую строку:

<textarea class="editor" cols="75" rows="7" style="width: 95%; height: 100px;" name="message" tabindex="1" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onchange="storeCaret(this);"></textarea>';

и заменить в ней значение по высоте height: 100px на большее. Я, например, поставил высоту height: 200px.

Как в SMF добавить кнопки фотохостингов в форму ответа

Расскажу еще про одну доработку. Для того, чтобы посетителям вашей конференции было удобно добавлять фотографии, можно добавить в «быстрый ответ» кнопки перехода на популярные фотохостинги, таких как Radikal, Keep4u, ipicture и любые другие.

Выглядеть это будет примерно так:

Для этого вам нужно будет получить доступ к файлам по FTP и открыть на редактирование файл /Themes/default/Post.template.php. Найдите в нем с помощью встроенного поиска Нотепада плюс плюс следующие строки:

// I guess it's a divider...
			elseif ($found_button)
			{
				echo '<img src="', $settings['images_url'], '/bbc/divider.gif" alt="|" style="margin: 0 3px 0 3px;" />';
				$found_button = false;
			}
		}

и вставьте сразу после них следующий код:

echo '<a href="http://www.radikal.ru/" target="_blank"><img src="http://vash_sait.ru/images/003.png"></a>';
		echo '<a href="http://keep4u.ru/" target="_blank"><img src="http://vash_sait.ru/images/001.png"></a>';
		echo '<a href="http://ipicture.ru/" target="_blank"><img src="http://vash_sait.ru/images/002.png"></a>';

Затем в файле /Themes/default/Display.template.phpнайдите строки:

	elseif ($found_button)
			{
				echo '<img src="', $settings['images_url'], '/bbc/divider.gif" alt="|" style="margin: 0 3px 0 3px;" />';
				$found_button = false;
			}
		}
	}

и вставьте сразу после них следующий код:

echo '<a href="http://www.radikal.ru/" target="_blank"><img src="http://vash_sait.ru/images/003.png"></a>';
		echo '<a href="http://keep4u.ru/" target="_blank"><img src="http://vash_sait.ru/images/001.png"></a>';
		echo '<a href="http://ipicture.ru/" target="_blank"><img src="http://vash_sait.ru/images/002.png"></a>';

Изображения кнопок вы можете создать сами в графическом редакторе или же воспользоваться, например, замечательным онлайн сервисом по созданию кнопок для сайта. Графические файлы вы должны залить на сервер, где расположены файлы вашего движка и, соответственно, в приведенном выше коде заменить ссылки вида:

http://vash_sait.ru/images/002.png

на путь к файлам картинок ваших кнопок.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Читайте также:

Решение часто возникающих в VirtueMart проблем, доработка функционала и внешнего вида интернет магазина для JoomlaComment Toolbar — добавляем в комментарии WordPress возможность ответа и цитированияОбратная связь для сайта с помощью скриптов форм на Html и Php, а так же онлайн конструкторов и генераторовHttp коды ответа сервера, 301 и 302 редиректы и файл htaccess — простыми словами о том, что мешает раскрутке вашего сайтаКак быстро заработать — 10 способов быстрого заработка в сетиBootstrap 3 — отзывчивый фреймворк для быстрого создания дизайна современных сайтовSkrill — как использовать Скрилл (бывший Moneybookers) для быстрого приема и отправки платежей за рубеж

Подборки по теме:

• Создание форума
• Как самому создать свой сайт
• Расширения для Joomla
• О создании интернет-магазина
• Все необходимое для вебмастеров
• Полезные онлайн-сервисы
• Описание полезных программ