VitaliyS

Help - помощь "Руководство для новичков для участия на форуме"

Recommended Posts

Начинаю тему в которой буду публиковать различные инструкции, советы, рекомендации по участию на форуме.
 
Начну с визуального редактора, который используется на форуме для создания сообщений. 
Данный тип редакторов относится к типу WYSIWYG редакторов, что с англ.  аббревиатуры переводится как  What You See Is What You Get, «что видишь, то и получишь», т.е. мы видим результат работы в ее процессе.
 
Так как не все функции можно описать двумя словами, начну с общего  описания редактора и его инструментов, снабдив лишь некоторые из них  примерами. В последствии я дополню их описание в следующих сообщениях.
 
Внешний вид:

 

med_gallery_26205_145_26444.png

 
Инструменты редактора:
 
1. Переключения в режим BBCode, т.е. отключение всех инструментов редактора для редактирования сообщений с помощью языка разметки BBCode. Опция подходит для тех, кто в той или иной степени знает этот язык разметки и может использовать при создании своих сообщений.
 
2. Очистка форматирования. Предназначено для полной очистки форматированного сообщения в простой текст, как стандартном текстовом блокноте.
 
3. Особый BBCode. С помощью этого инструмента производится вставка дополнительных элементов или каких либо возможностей (далее по списку в данном инструментарии):
    - Акроним, который будет отображать описания при наведении указателя мыши
    - Добавляет цвет фона за текстом
    - Добавляет горизонтальную линию для разделения текста
    - Позволяет пользователю размещать медиа-контент от некоторых социальных сетей
    - Автоматическая генерация на профиль пользователяпо имени пользователя
    - Вставка ссылки на какой либо пост на форуме при указании ID поста
    - Вставка спойлера - скрытие какого либо объекта в сообщении с заголовком и содержанием
    - Добавление ссылки на топик при указании  ID топика
    - Добвление ссылки на аккаунт в Твиттере по имени пользователя
 
4. Шрифт. Из выпадающего списка выбирается шрифт поддерживаемый форумом.

5. Размер шрифта. Выбирается размер шрифта из тех что есть в списке

6. Цвет текста. Выбор цвета текста из предложенных вариантом или посредством вставки HTML кода цвета

7. Смайлик. Выбор нужного смайлика из набора смайликов.
 
8. Инструмент работы с Медиа Библиотекой пользователя ( альбомы, изображения, вложения ) 
 
9/10. Найти и заменить. Работает в двух режимах:
    - режим поиска по слову с указанием условий поиска ( 9 )
    - режим поиска и замены с указанием условий ( 10 )
 
11. Возврат действий назад, каждый клик откатывает на один шаг действия при написании сообщений.
 
12. Возврат действий вперед, отменяет действие откатов.
 
13. Копировать. Копирование выделенного фрагмента сообщения.
 
14. Вставить. Вставка копированного фрагмента сообщения.
 
15. Вставить только текст. Вставка только текста из копированного фрагмента сообщения.
 
16. Вставить из Word. Вставка фрагмента скопированного из документа  Word.
 
17. Опции Редактора. Позволяет вставить как текст по умолчанию или очистить свой сохраненный контент
 
18. Делает жирным, выделенный или предварительно кликнув, текст сообщения.
 
19. Делает курсивом, выделенный или предварительно кликнув, текст сообщения.
 
20. Делает подчеркнутым, выделенный или предварительно кликнув, текст сообщения.
 
21. Делает зачеркнутым, выделенный или предварительно кликнув, текст сообщения. 
 
22. Нижний регистр. Пример 1

23. Верхний регистр. Пример 2

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

  • 1
  • 2
  • 3

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

  • А
  • Б
  • В
  • Г

26. Вставка ссылки. Используется для вставки простой ссылки http://rabotatam.ru или ссылки обернутой в текст (выделяется фрагмент текста и в окне вставляется ссылка), ссылки якоря (переход по ссылке в нужное место в тексте) и ссылка на e-mail. 
 
27. Удаление ссылки. Ссылка перестает быть ссылкой если применить этот инструмент к выделнной ссылке.
 
28. Вставка ссылки на изображение. Вставляет изображение посредством вставки в поле ссылки на изображение.
 
29. Вставка кода. Вставляет в сообщение программный код, код языков разметки, код скриптов и пр. Пример:
 



<script type="text/javascript" src="/includes/jquery/jquery.js"></script>
<script type="text/javascript" src="/core/js/common.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>	
<link href="/templates/ic4/css/reset.css" rel="stylesheet" type="text/css" />
<link href="/templates/ic4/css/text.css" rel="stylesheet" type="text/css" />
<link href="/templates/ic4/css/960.css" rel="stylesheet" type="text/css" />
<link href="/templates/ic4/css/styles.css?190313" rel="stylesheet" type="text/css" />

 
30. Вставка цитат в сообщение

Пример.

 
31. Вставка ссылки на аккаунт в твиттере. Пример: @Rospersonal (является элементом п.3)
 
32. Уменьшение отступа выделенного текста.
 
33. Увеличение отступа выделенного текста. 
 
34. Выравнивание по левому краю.
 
35. Выравнивание по середине.
 
36. Выравнивание по правому краю.
 
37. Скрытие панели инструментов.
 
38. Отправка (публикация) сообщения/темы на форуме.
 
39. Открытие полного редактора. Открывается окно полного редактора, где к самому инструменту редактора добавляются дополнительные инструменты форума, позволяющие использовать те или иные функции в более полном обЪеме.
 
40.  Изменение размера поля тела сообщения. Наводите мышку и кликнув левой кнопкой мыши тянете край в нужном направлении.
 
Заканчивая данное сообщение, стоит отметить, что не все браузеры по тем или иным причинам могут полностью поддерживать все функции данного редактора. Как правило это зависит от того, как разработчики браузеров подошли к процессу создания своего продукта и использовании в нем каких либо инструментов.  Некоторые браузерные движки находятся в свободном доступе с открытым исходным кодом, что позволяет разработчикам приложений внедрять (изменять) какие либо дополнения.  Например браузер Yandex создан на основе проектов WebKit, Chromium, Opera Turbo и другого программного обеспечения. Создали на основе одного движка с использованием инструментов других браузерных движков, свой, при этом дополнив его собственными функциями сервисов Яндекса. Соответственно не исключен факт, что что-то может начать работать не так как было задумано изначально.
Так же на работу могут влиять расширения браузера, которые самостоятельно установил пользователь.

Share this post


Link to post
Share on other sites

Загрузка изображений в галерею

На данном форуме существует своя галерея, которая предоставляет дополнительные возможности для организации сообщества и удобства общения на форуме.
Для того чтобы загрузить изображения в галерею нам необходимо иметь сами изображения и для их загрузки перейти на страницу загрузки изображений.
Существует два способа загрузки.
Первый - одиночная загрузка изображений.
Второй - массовая загрузка.
 
После того как вы перешли на страницу загрузки изображений вам будет предложено создать новый альбом (Create New Album) или выбрать из уже созданных (Select Album), а также выбрать категорию (Select Category). На представленном видео, я заранее создал альбом для загрузки изображений.
После того, как вы выбрали категорию и альбом, вы переходите на следующий шаг загрузки. Где вы можете выбрать первый способ (одиночная загрузка) или второй способ (массовая загрузка) кликнув по ссылке (Попробуйте расширенное средство для передачи файлов (нужен современный веб-браузер))
Если вы выбираете вариант с массовой загрузкой, то придется заново выбрать нужный альбом, если был создан уже. После чего, кликаете по кнопке "Прикрепить файлы" и выбираете в открывшемся окне нужные изображения.

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

Под спойлером видео с записанным процессом загрузки изображений

Share this post


Link to post
Share on other sites

Маленькое дополнение к предыдущему посту про загрузку изображений на форуме.

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

 

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

Сообщением выше я описал как создается в галерее альбом и как загружаются изображения в галерею.

Теперь следующий шаг - загрузка изображений из галереи на форум.

Для этого в редакторе сообщений у нас существует кнопка "My Media", см. пост №1 пункт 8. Инструмент работы с Медиа Библиотекой пользователя ( альбомы, изображения, вложения )

 

Визуальный редактор форума (WYSIWYG editor)

 

Кликаем по этой кнопке открывается окно выбора фотографий, альбомов, вложений. Выбираем нужную или несколько, жмем "Завершено" и все.

 

My Media

 
Результат мы видим в этом сообщении. Каких бы размеров ни была бы картинка, она в любом случае вписывается в границы. Можно непостредственно посмотреть в сообщении, а можно перейти в саму галерею по клику.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.