Инструкция по использованию редактора сообщений

Тема в разделе "F.A.Q. по сайту", создана пользователем JDee, 9 авг 2014.

Статус темы:
Закрыта.
  1. JDee
    JDee

    Mad Unmasker



    Модератор
    Сообщения:
    7.170
    Дата: 9 авг 2014 | Сообщение #1
    Редактор написания сообщений

    [​IMG]

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

    Расширенный режим
    Чтобы попасть в этот режим, достаточно нажать кнопку [​IMG] , которая находится в правом нижем углу редактора. Страница обновится, и вы увидите расширенный редактор. Сообщения темы на странице редактора отображаться не будут. В этом режиме доступен предварительный просмотр написанного сообщения.

    [​IMG]
    Упрощенный режим
    По нажатию кнопки [​IMG] осуществляется переход в упрощенный редактор, который выглядит следующим образом:

    [​IMG]

    Упрощенный режим полезен тем, что перейдя в него, вы можете скопировать и сохранить bb-код сообщения. Позже его можно будет вставить в этом же режиме и опубликовать сообщение. В данном режиме нету кнопок для вставки кода, поэтому при желании писать кодами придется прописывать теги вручную. Упрощенный режим также открывается из расширенного режима.
     
    Sayalun, MaryKet, syberia и 23 другим нравится это.
  2. JDee
    JDee

    Mad Unmasker



    Модератор
    Сообщения:
    7.170
    Дата: 9 авг 2014 | Сообщение #2
    Способы применения форматирования
    Существует несколько способов применить форматирование к тексту.
    • Нажать на нужные вам кнопки и ввести текст. Прекратить определенный вид форматирования (раньше писали жирным, теперь хотите обычным, например) - отжать кнопку.
    • Написать текст, выделить его и нажать на нужные кнопки.
    • Писать bb-коды в упрощённом редакторе.
    Отменить любое количество действий, а так же вернуть их обратно помогут кнопки со стрелками [​IMG] или соответствующие им горячие клавиши - Отменить (Ctrl+Z) и Повторить (Ctrl+Y).


    1. Форматирование текста
    1.1 Работа со шрифтом
    • Выбор шрифта - кнопка "Шрифт" [​IMG]
      При нажатии на кнопку выпадает список доступных шрифтов.
      [​IMG]

      Доступные шрифты:
      Arial
      Book Antiqua
      Courier New
      Georgia
      Tahoma
      Times New Roman
      Trebuchet Ms
      Verdana

      Коды шрифтов:
      Код:
      [FONT=Arial]Arial[/FONT]
      [FONT=Book Antiqua]Book Antiqua[/FONT]
      [FONT=Courier New]Courier New[/FONT]
      [FONT=Georgia]Georgia[/FONT]
      [FONT=Tahoma]Tahoma[/FONT]
      [FONT=Times New Roman]Times New Roman[/FONT]
      [FONT=Trebuchet MS]Trebuchet Ms[/FONT]
      [FONT=Verdana]Verdana[/FONT]
      Кроме этих шрифтов можно использовать и любые другие, для этого название шрифта нужно указать после знака "=": font=Название.
      Например, воспользуемся шрифтом Optima:
      Код:
      [font=Optima]Текст[/font]
      После добавления сообщения на форум это будет выглядеть так:

      Текст

      Важно! Некоторые шрифты интерпретируются не всеми браузерами, а пользовательские шрифты, установленные вами на ваш компьютер, другие видеть не будут.
    • Размер шрифта - кнопка "Размер" [​IMG]
      При нажатии на кнопку выпадает список доступных размеров шрифта.
      [​IMG]

      Всего на сайте доступны 7 размеров шрифта, и вы не сможете использовать другие значения, даже если подставите их в код. Тег размера имеет следующий вид:
      Код:
      [SIZE=7]Текст[/SIZE]
      где размер прописывается после знака "=".

      Важно! Внимательно изучите правила подфорума, прежде чем воспользоваться сильным увеличением шрифта.
    • Цвет шрифта - кнопка "Цвет текста" [​IMG]
      При нажатии на кнопку выпадает таблица доступных цветов.
      [​IMG]

      Для того, чтобы вернуться к стандартному тёмно-серому цвету (перед этим вы писали другим цветом), достаточно нажать на "Отсутствует".
      Тег цвета выглядит следующим образом:
      Код:
      [COLOR=#00ffff]Текст[/COLOR]
      Помимо представленных в таблице цветов вы можете использовать у любые другие. Например, взятые из таблицы цветов. Для этого необходимо перейти в упрощенный режим и вставить после знака "=" название или код цвета.
      [​IMG]
      Например, вот так:
      Код:
      [color=OliveDrab]Текст[/color]
      
      [color=#6B8E23]Текст[/color]
      В обоих случаях получим одинаковый результат:

      Текст

      Важно! Красным шрифтом может пользоваться только персонал сайта!
    • Полужирный шрифт - кнопка "Полужирный (Ctrl+B)" [​IMG]
      Данный вид форматирования также применим на выделенном фрагменте текста нажатием комбинации клавиш Ctrl+B.

      Код:
      [B]Жирный шрифт[/B]
      Жирный шрифт
    • Наклонный шрифт - кнопка "Курсив (Ctrl+I)" [​IMG]
      Данный вид форматирования также применим на выделенном фрагменте текста нажатием комбинации клавиш Ctrl+I.

      Код:
      [I]Наклонный шрифт[/I]
      
      Наклонный шрифт
    • Подчёркнуты шрифт - кнопка "Подчёркнутный (Ctrl+U)" [​IMG]
      Данный вид форматирования также применим на выделенном фрагменте текста нажатием комбинации клавиш Ctrl+U.

      Код:
      [U]Подчёркнутый шрифт[/U]
      Подчёркнутый шрифт
    • Зачёркнутый шрифт - кнопки "Вставить - Зачёркнутый" [​IMG]
      Зачёркивание можно найти на панели в выпадающем меню при нажатии на кнопку "Вставить".
      [​IMG]
      Код:
      [S]Зачёркнутый шрифт[/S]
      Зачёркнутый шрифт
     
    Последнее редактирование: 9 авг 2014
    Sayalun, MaryKet, katsol и 17 другим нравится это.
  3. JDee
    JDee

    Mad Unmasker



    Модератор
    Сообщения:
    7.170
    Дата: 9 авг 2014 | Сообщение #3
    1.2 Выравнивание текста
    Следующие виды выравнивания текста становятся доступны по нажатии на кнопку "Выравнивание" [​IMG] :

    [​IMG]
    • По левому краю [​IMG]
      Хоть выравнивания по левому краю является выравниванием по умолчанию и не совершенно требует использовать специальный тег, но такой тег существует:
      Код:
      [LEFT]Текст по левому краю[/LEFT]
      
      Текст по левому краю
    • По центру [​IMG]
      Код:
      [CENTER]Текст по центру[/CENTER]
      Текст по центру
    • По правому краю [​IMG]
      Код:
      [RIGHT]Текст по правому краю[/RIGHT]
      Текст по правому краю
    1.3 Отмена форматирования

    Если случилось так, что вам нужно убрать любое форматирование текста, то существует один самый простой способ это сделать - использование кнопки "Удалить форматирование" [​IMG] . Просто выделите необходимый фрагмент текста и нажмите на эту кнопку - все форматирование исчезнет.

    1.4 Отступы, разделители и списки
    • Увеличить отступ [​IMG]
      Позволяет увеличить расстояние между левой границей окна редактора и написанным текстом. Применение данной функции внутри списка по умолчанию сделает его пункт подсписком.

      Код:
      [INDENT]Текст с увеличенным отступом[/INDENT]

      Текст с увеличенным отступом​
    • Уменьшить отступ [​IMG]
      Позволяет уменьшить расстояние между левой границей окна редактора и написанным текстом, если оно перед этим было уменьшено. Нельзя уменьшить стандартный отступ.
    • Разделитель [​IMG]
      Поскольку сайтовый движок не поддерживает одинарных тегов, то тег черты является двойным и имеет следующий вид:

      Код:
      [HR]что угодно тут пишите[/HR]
      
      Тем не менее, отображаться это будет так:


      Не нужно писать внутри тега текст своего сообщения! Этот текст не будет отображаться. Внутри тега можете оставить один единственный символ, чтобы он сработал. Все остальное - по разные стороны разделителя.
    • Маркированный список [​IMG]
      Код:
      [LIST]
      [*] пункт 1
      [*]пункт 2
      [/LIST]
      Список будет выглядеть так:

      • пункт 1
      • пункт 2
    • Нумерованный список [​IMG]
      Код:
      [LIST=1]
      [*]Пункт списка
      [*]Пункт списка
      [/LIST]
      
      Список будет выглядеть так:

      1. Пункт списка
      2. Пункт списка
     
    Последнее редактирование: 9 авг 2014
    Anya-Simka, MaryKet, katsol и 19 другим нравится это.
  4. JDee
    JDee

    Mad Unmasker



    Модератор
    Сообщения:
    7.170
    Дата: 9 авг 2014 | Сообщение #4
    2. Вставки
    Рассмотрим остальную часть меню "Вставить..." [​IMG] (зачеркивание уже рассмотрели выше):

    [​IMG]
    • Цитата
      Чтобы процитировать сообщение на форуме, достаточно выделить нужный фрагмент текста и нажать на всплывшую кнопку "Цитировать".
      [​IMG]

      Результат будет таким:

      Если же вам просто нужно вставить в цитату скопированный из другого источника текст, то вы можете использовать "Вставить - Цитата". В редакторе появятся теги, между которыми нужно написать текст.

      Код:
      [QUOTE]Тут должен быть текст цитаты[/QUOTE]
    • Спойлер
      Спойлер представляет собой кнопку, по нажатию которой раскроется скрытый текст. При создании спойлера вам будет предложено ввести текст, который впоследствии будет отображаться на кнопке.
      [​IMG]

      Введите название, нажмите "Продолжить", и вы получите спойлер:

      Отвечаю на любопытный вопрос - да, вы можете создать спойлер в спойлере ;)

      Код:
      [SPOILER="Открыть"]Что-то тут написано...[/SPOILER]
    • Спойлер-картинка (кнопка на панели, следующая после "Вставить...") [​IMG]
      На нашем сайте вы можете создать спойлер, у которого роль кнопки будет выполнять выбранная вами картинка. Но сначала вам нужно загрузить эту картинку на хостинг картинок, например, Fastpic. Оттуда возьмите ссылку на картинку, которая должна заканчиваться форматом картинки. Например:

      Код:
      http://i68.fastpic.ru/big/2014/0807/f8/a77b0480a18ccc65c97dcfd7e4d989f8.png
      Теперь нам нужно вставить полученную ссылку после знака "=" в теге:

      Код:
      [CUT=http://i68.fastpic.ru/big/2014/0807/f8/a77b0480a18ccc65c97dcfd7e4d989f8.png]Запрятали текст[/CUT]
      И мы получим картинку-спойлер!

      Спойлер
      Запрятали текст
    • Код
      Используйте этот вид вставки, если вам нужно вставить bb-код сообщения так, чтобы теги были видны и не преобразовались в форматирование.

      [​IMG]

      Например, нужно вставить код следующего текста:
      Форматированный текст

      Результат вставки кода:
      Код:
      [B][SIZE=3][COLOR=#00ff80]Форматированный текст[/COLOR][/SIZE][/B]
    • Смайлы [​IMG]
      Кнопка отображает доступные смайлы внизу редактора.
      [​IMG]
    3. Работа с объектами
    • Вставка картинки - кнопка "Изображение" [​IMG]
      Для того, чтобы вставить изображение на форуме, необходимо сначала получить на него ссылку. Существуют два варианта получения ссылки:
      • Если картинка из Интернета, то наведите в браузере на нее мышку и нажмите правую кнопку. В выпавшем меню найдите что-то на подобии "Копировать URL картинки". Ссылка сохранится в буфер, и вы сможете вставить ее в строку с помощью комбинации клавиш Ctrl+V.
      • Если картинка сохранена у вас на компьютере, то сначала следует залить ее на хостинг картинок. Не путайте с файлообменником! Например, вы можете воспользоваться хостингом Fastpic. Выберите картинку, настройте по надобности параметры и загрузите ее. В результате вы получите несколько ссылок, но нас интересует та, которая заканчивается форматом картинки (обычно самая первая).

      Далее нужно вставить ссылку в окно, которое появляется по нажатию на кнопку:

      [​IMG]

      и нажать на "Вставить". В результате мы увидим картинку в сообщении.

      [​IMG]

      Код:
      [IMG]http://i68.fastpic.ru/big/2014/0808/4d/8103b67c934a4f990e3b796f7d295c4d.png[/IMG]
      
      Важно! Максимально допустимый размер изображений на сайте - 800рх в ширину. Если ваши картинки превышают его, сначала нужно их уменьшить.
    • Вставка видео - кнопка "Медиа" [​IMG]
      На нашем форуме вы можете добавить в сообщение видео из следующих сервисов:
      Dailymotion
      Facebook
      Liveleak
      Metacafe
      Vimeo
      VKontakte
      YouTube
      Все ссылки также доступны при вставке видео. От вас требуется только залить видео на один из представленных сайтов и получить ссылку на страницу с просмотром видео. Дальше все просто - вставляем ссылку в окошко:

      [​IMG]

      и получаем видео.



      Код:
      [MEDIA=youtube]q6bBBfbMQxM[/MEDIA]
    • Вставка аудио - тег AUDIO
      Кнопка для вставки аудио на панели отсутствует, поэтому чтобы вставить музыку необходимо перейти в упрощенный редактор и воспользоваться bb-кодами.
      Вот так выглядит тег для добавления плеера с названием композиции:

      Код:
      [AUDIO=Yellowcard - Awakening]https://dl.dropboxusercontent.com/s/c3cjc975wi5t5h3/Awakening.mp3[/AUDIO]
      А так выглядит плеер:



      Как вы могли заметить, тут вам тоже понадобится ссылка на аудио. Один из вариантов ее получения описан здесь.
    • Использование черновиков - кнопка "Черновики" [​IMG]
      Черновики предназначены для хранения набранного сообщения в редакторе до момента публикации оного. Это означает, что вы можете начать набирать сообщение, и если по каким-то причинам не хотите или не можете дописать его и опубликовать, то вы можете сохранить его прямо в редакторе. Черновик будет храниться до тех пор, пока вы его не удалите или не опубликуете сообщение. В одной теме вы можете сохранять только один черновик.

      [​IMG]





      Алгоритм использования прост: пишете текст, нажимаете "Сохранить черновик". Возвращаетесь в тему, видите сохраненный текст в редакторе. Дописываете и публикуете, или нажимаете "Удалить черновик", чтобы текст больше не сохранялся при выходе из темы.
    4. Ссылки
    Для добавления ссылки на панели есть кнопка "Ссылка" [​IMG] . Она дает возможность добавить как простую ссылку, так и текстовую ссылку.
    Для добавления простой ссылки кнопкой пользоваться вовсе не обязательно - просто вставьте ссылку в текст, и она будет работать. Для добавления текстовой ссылки следует предпринять следующую последовательность действий:

    1. Напишите в редакторе желаемое название ссылки.
    2. Выделите текст мышкой.
    3. Нажмите на кнопку "Ссылка" и в появившемся окне вставьте ссылку.
    Результат в кодах будет выглядеть так:
    Код:
    [URL='http://thesims.club/threads/instrukcija-po-ispolzovaniju-redaktora-soobschenij.26426/']Инструкция по использованию редактора сообщений[/URL]
    
    Инструкция по использованию редактора сообщений

    Для удаления ссылки из текста достаточно выделить его мышкой и нажать на кнопку "Удалить ссылку" [​IMG] .
    Скрыть текст от незарегистрированных посетителей сайта можно использовав кнопку "Спрятать текст от гостей" [​IMG]. Эта кнопка работает не только для ссылок, но и для другого текста. Однако, чтобы после использования опции ссылка не сбилась, сделайте следующим образом:
    1. Поставьте пробел перед или после ссылки (если пробелов по обеим сторонам нет).
    2. Выделите мышкой ссылку вместе с этим пробелом.
    3. Воспользуйтесь кнопкой скрытия текста.
    В коде это будет так:
    Код:
    [HIDE][URL='http://thesims.club/threads/instrukcija-po-ispolzovaniju-redaktora-soobschenij.26426/']Инструкция по использованию редактора сообщений[/URL] [/HIDE]
    
    Чтобы увидеть скрытый текст, войдите или зарегистрируйтесь.
     
    Anya-Simka, MaryKet, katsol и 28 другим нравится это.
  5. Nitomash
    Nitomash

    Проверенный
    Сообщения:
    970
    Дата: 19 авг 2014 | Сообщение #5
    Конвертация старых кодов в новые

    Как вы уже могли заметить, система bb-кодов после переезда стала несколько отличаться, некоторые коды работают и выглядят иначе, чем на старом сайте. Для того, чтобы вы могли без проблем перенести свои сообщения со старого сайта, нами была создана программа для конвертации кода. Принцип ее работы прост - вы даете ей старый код, она возвращает вам новый, который можно смело публиковать на сайте.
    [​IMG]
    Все инструкции вы найдете на странице с программой. Со своими вопросами можно обратиться в тему Есть вопрос – задай его здесь, также ко мне или к JDee в ЛС.

     
    Anya-Simka, MaryKet, jilyfan и 19 другим нравится это.
Статус темы:
Закрыта.