Что нового
Автор:
Фильтры
The Sims Creative Club

This is a sample guest message. Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

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

Статус
Закрыто для дальнейших ответов.

JDee

JDee
Soulmate
Команда форума
Сообщения
7.786
Достижения
300
Награды
2.675
Редактор написания сообщений

%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%801.png

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

Расширенный режим
​
Чтобы попасть в этот режим, достаточно нажать кнопку
%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0_%D1%80%D0%B0%D1%81%D1%88_%D1%80%D0%B5%D0%B6%D0%B8%D0%BC.png
, которая находится в правом нижем углу редактора. Страница обновится, и вы увидите расширенный редактор. Сообщения темы на странице редактора отображаться не будут. В этом режиме доступен предварительный просмотр написанного сообщения.

%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%802.png

Упрощенный режим​
По нажатию кнопки
%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0_%D1%83%D0%BF%D1%80_%D1%80%D0%B5%D0%B6%D0%B8%D0%BC.png
осуществляется переход в упрощенный редактор, который выглядит следующим образом:

%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%803.png

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

JDee

JDee
Soulmate
Команда форума
Сообщения
7.786
Достижения
300
Награды
2.675
Способы применения форматирования
​
Существует несколько способов применить форматирование к тексту.
  • Нажать на нужные вам кнопки и ввести текст. Прекратить определенный вид форматирования (раньше писали жирным, теперь хотите обычным, например) - отжать кнопку.
  • Написать текст, выделить его и нажать на нужные кнопки.
  • Писать bb-коды в упрощённом редакторе.
Отменить любое количество действий, а так же вернуть их обратно помогут кнопки со стрелками
%D0%BE%D1%82%D0%BC%D0%B5%D0%BD%D0%B0_%D0%B2%D0%BE%D0%B7%D0%B2%D1%80%D0%B0%D1%82.png
или соответствующие им горячие клавиши - Отменить (Ctrl+Z) и Повторить (Ctrl+Y).


1. Форматирование текста​
1.1 Работа со шрифтом
  • Выбор шрифта - кнопка "Шрифт"
    %D1%88%D1%80%D0%B8%D1%84%D1%82.png

    При нажатии на кнопку выпадает список доступных шрифтов.
    %D1%88%D1%80%D0%B8%D1%84%D1%82%D1%8B.png


    Доступные шрифты:
    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]
    После добавления сообщения на форум это будет выглядеть так:

    Текст

    Важно! Некоторые шрифты интерпретируются не всеми браузерами, а пользовательские шрифты, установленные вами на ваш компьютер, другие видеть не будут.
  • Размер шрифта - кнопка "Размер"
    %D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%80.png

    При нажатии на кнопку выпадает список доступных размеров шрифта.
    %D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%80%D1%8B.png


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

    Важно! Внимательно изучите правила подфорума, прежде чем воспользоваться сильным увеличением шрифта.
  • Цвет шрифта - кнопка "Цвет текста"
    %D1%86%D0%B2%D0%B5%D1%82.png

    При нажатии на кнопку выпадает таблица доступных цветов.
    %D1%86%D0%B2%D0%B5%D1%82%D0%B0.png


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

    Например, вот так:
    Код: 
    [color=OliveDrab]Текст[/color]

[color=#6B8E23]Текст[/color]
    В обоих случаях получим одинаковый результат:

    Текст

    Важно! Красным шрифтом может пользоваться только персонал сайта!
  • Полужирный шрифт - кнопка "Полужирный (Ctrl+B)"
    %D0%BF%D0%BE%D0%BB%D1%83%D0%B6%D0%B8%D1%80%D0%BD%D1%8B%D0%B9.png

    Данный вид форматирования также применим на выделенном фрагменте текста нажатием комбинации клавиш Ctrl+B.

    Код: 
    [B]Жирный шрифт[/B]

    Жирный шрифт
  • Наклонный шрифт - кнопка "Курсив (Ctrl+I)"
    %D0%BA%D1%83%D1%80%D1%81%D0%B8%D0%B2.png

    Данный вид форматирования также применим на выделенном фрагменте текста нажатием комбинации клавиш Ctrl+I.

    Код: 
    [I]Наклонный шрифт[/I]

    Наклонный шрифт
  • Подчёркнуты шрифт - кнопка "Подчёркнутный (Ctrl+U)"
    %D0%BF%D0%BE%D0%B4%D1%87%D0%B5%D1%80%D0%BA%D0%BD%D1%83%D1%82%D1%8B%D0%B9.png

    Данный вид форматирования также применим на выделенном фрагменте текста нажатием комбинации клавиш Ctrl+U.

    Код: 
    [U]Подчёркнутый шрифт[/U]

    Подчёркнутый шрифт
  • Зачёркнутый шрифт - кнопки "Вставить - Зачёркнутый"
    %D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C.png

    Зачёркивание можно найти на панели в выпадающем меню при нажатии на кнопку "Вставить".
    %D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B8.png

    Код: 
    [S]Зачёркнутый шрифт[/S]

    Зачёркнутый шрифт
 
Последнее редактирование:

JDee

JDee
Soulmate
Команда форума
Сообщения
7.786
Достижения
300
Награды
2.675
1.2 Выравнивание текста
Следующие виды выравнивания текста становятся доступны по нажатии на кнопку "Выравнивание"
%D0%B2%D1%8B%D1%80%D0%B0%D0%B2%D0%BD%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5.png
:

%D0%B2%D1%8B%D1%80%D0%B0%D0%B2%D0%BD%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F.png
  • По левому краю
    %D0%B2%D1%8B%D1%80_%D0%BB_%D0%BA.png

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

    Текст по левому краю
  • По центру
    %D0%B2%D1%8B%D1%80_%D0%BF_%D0%BA.png

    Код: 
    [CENTER]Текст по центру[/CENTER]

    Текст по центру​
  • По правому краю
    %D0%B2%D1%8B%D1%80_%D1%81.png

    Код: 
    [RIGHT]Текст по правому краю[/RIGHT]

    Текст по правому краю​
    ​
1.3 Отмена форматирования

Если случилось так, что вам нужно убрать любое форматирование текста, то существует один самый простой способ это сделать - использование кнопки "Удалить форматирование"
%D0%BE%D1%82%D0%BC%D0%B5%D0%BD%D0%B0%2B%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82.png
. Просто выделите необходимый фрагмент текста и нажмите на эту кнопку - все форматирование исчезнет.

1.4 Отступы, разделители и списки
  • Увеличить отступ
    %D1%83%D0%B2%D0%B5%D0%BB%D0%B8%D1%87%D0%B8%D1%82%D1%8C_%D0%BE%D1%82%D1%81.png

    Позволяет увеличить расстояние между левой границей окна редактора и написанным текстом. Применение данной функции внутри списка по умолчанию сделает его пункт подсписком.

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

    Текст с увеличенным отступом​
  • Уменьшить отступ
    %D1%83%D0%BC%D0%B5%D0%BD%D1%8C%D1%88%D0%B8%D1%82%D1%8C_%D0%BE%D1%82%D1%81.png

    Позволяет уменьшить расстояние между левой границей окна редактора и написанным текстом, если оно перед этим было уменьшено. Нельзя уменьшить стандартный отступ.
  • Разделитель
    %D1%87%D0%B5%D1%80%D1%82%D0%B0.png

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

    Код: 
    [HR]что угодно тут пишите[/HR]

    Тем не менее, отображаться это будет так:
    что угодно тут пишите
    Не нужно писать внутри тега текст своего сообщения! Этот текст не будет отображаться. Внутри тега можете оставить один единственный символ, чтобы он сработал. Все остальное - по разные стороны разделителя.
  • Маркированный список
    %D0%BC%D0%B0%D1%80%D0%BA_%D1%81%D0%BF%D0%B8%D1%81%D0%BE%D0%BA.png

    Код: 
    [LIST]
[*] пункт 1
[*]пункт 2
[/LIST]

    Список будет выглядеть так:

    • пункт 1
    • пункт 2
  • Нумерованный список
    %D0%BD%D1%83%D0%BC_%D1%81%D0%BF%D0%B8%D1%81%D0%BE%D0%BA.png

    Код: 
    [LIST=1]
[*]Пункт списка
[*]Пункт списка
[/LIST]

    Список будет выглядеть так:

    1. Пункт списка
    2. Пункт списка
 
Последнее редактирование:

JDee

JDee
Soulmate
Команда форума
Сообщения
7.786
Достижения
300
Награды
2.675
2. Вставки​
Рассмотрим остальную часть меню "Вставить..."
%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C.png
(зачеркивание уже рассмотрели выше):

%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B8.png
  • Цитата
    Чтобы процитировать сообщение на форуме, достаточно выделить нужный фрагмент текста и нажать на всплывшую кнопку "Цитировать".
    %D1%86%D0%B8%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5.png


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

    JDee сказал(а):
    1.2 Выравнивание текста
    Нажмите, чтобы раскрыть...

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

    Код: 
    [QUOTE]Тут должен быть текст цитаты[/QUOTE]

    Тут должен быть текст цитаты
    Нажмите, чтобы раскрыть...
  • Спойлер
    Спойлер представляет собой кнопку, по нажатию которой раскроется скрытый текст. При создании спойлера вам будет предложено ввести текст, который впоследствии будет отображаться на кнопке.
    %D1%81%D0%BF%D0%BE%D0%B9%D0%BB%D0%B5%D1%80_%D1%81%D0%BE%D0%B7%D0%B4.png


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

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

    Код: 
    [SPOILER="Открыть"]Что-то тут написано...[/SPOILER]
  • Спойлер-картинка (кнопка на панели, следующая после "Вставить...")
    %D0%BA%D0%B0%D1%82.png

    На нашем сайте вы можете создать спойлер, у которого роль кнопки будет выполнять выбранная вами картинка. Но сначала вам нужно загрузить эту картинку на хостинг картинок, например, Fastpic. Оттуда возьмите ссылку на картинку, которая должна заканчиваться форматом картинки. Например:

    Код: 
    https://i68.fastpic.ru/big/2014/0807/f8/a77b0480a18ccc65c97dcfd7e4d989f8.png

    Теперь нам нужно вставить полученную ссылку после знака "=" в теге:

    Код: 
    [CUT=https://i68.fastpic.ru/big/2014/0807/f8/a77b0480a18ccc65c97dcfd7e4d989f8.png]Запрятали текст[/CUT]

    И мы получим картинку-спойлер!

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

    %D0%BA%D0%BE%D0%B4.png


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

    Результат вставки кода:
    Код: 
    [B][SIZE=3][COLOR=#00ff80]Форматированный текст[/COLOR][/SIZE][/B]
  • Смайлы
    %D1%81%D0%BC%D0%B0%D0%B9%D0%BB%D1%8B.png

    Кнопка отображает доступные смайлы внизу редактора.
    %D1%81%D0%BC%D0%B0%D0%B9%D0%BB%D1%8B_%D0%B2%D1%81%D0%B5.png
3. Работа с объектами​
  • Вставка картинки - кнопка "Изображение"
    %D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5.png

    Для того, чтобы вставить изображение на форуме, необходимо сначала получить на него ссылку. Существуют два варианта получения ссылки:
    • Если картинка из Интернета, то наведите в браузере на нее мышку и нажмите правую кнопку. В выпавшем меню найдите что-то на подобии "Копировать URL картинки". Ссылка сохранится в буфер, и вы сможете вставить ее в строку с помощью комбинации клавиш Ctrl+V.
    • Если картинка сохранена у вас на компьютере, то сначала следует залить ее на хостинг картинок. Не путайте с файлообменником! Например, вы можете воспользоваться хостингом Fastpic. Выберите картинку, настройте по надобности параметры и загрузите ее. В результате вы получите несколько ссылок, но нас интересует та, которая заканчивается форматом картинки (обычно самая первая).

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

    %D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B0.png


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

    w128h1281378622418catlaptop.png


    Код: 
    [IMG]https://i68.fastpic.ru/big/2014/0808/4d/8103b67c934a4f990e3b796f7d295c4d.png[/IMG]
    Важно! Максимально допустимый размер изображений на сайте - 800рх в ширину. Если ваши картинки превышают его, сначала нужно их уменьшить.
  • Вставка видео - кнопка "Медиа"
    %D0%BC%D0%B5%D0%B4%D0%B8%D0%B0.png

    На нашем форуме вы можете добавить в сообщение видео из следующих сервисов:
    Dailymotion
    Facebook
    Liveleak
    Metacafe
    Vimeo
    VKontakte
    YouTube
    Все ссылки также доступны при вставке видео. От вас требуется только залить видео на один из представленных сайтов и получить ссылку на страницу с просмотром видео. Дальше все просто - вставляем ссылку в окошко:

    %D0%B2%D0%B8%D0%B4%D0%B5%D0%BE.png


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


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

    Код: 
    [audio=TheSpiritualMachines]https://www.dropbox.com/s/r8e2l79ldfgkuja/TheSpiritualMachines_Valentine.mp3?dl=1[/audio]

    А так выглядит плеер:




    Как вы могли заметить, тут вам тоже понадобится ссылка на аудио. Один из вариантов ее получения описан здесь. Для обновления от 15 марта 2017 г - здесь
  • Использование черновиков - кнопка "Черновики"
    %D1%87%D0%B5%D1%80%D0%BD%D0%BE%D0%B2%D0%B8%D0%BA%D0%B8.png

    Черновики предназначены для хранения набранного сообщения в редакторе до момента публикации оного. Это означает, что вы можете начать набирать сообщение, и если по каким-то причинам не хотите или не можете дописать его и опубликовать, то вы можете сохранить его прямо в редакторе. Черновик будет храниться до тех пор, пока вы его не удалите или не опубликуете сообщение. В одной теме вы можете сохранять только один черновик.

    %D1%87%D0%B5%D1%80%D0%BD%D0%BE%D0%B2_%D0%B4%D0%B5%D0%B9%D1%81%D1%82%D0%B2%D0%B8%D1%8F.png
    ​






    Алгоритм использования прост: пишете текст, нажимаете "Сохранить черновик". Возвращаетесь в тему, видите сохраненный текст в редакторе. Дописываете и публикуете, или нажимаете "Удалить черновик", чтобы текст больше не сохранялся при выходе из темы.
4. Ссылки
​
Для добавления ссылки на панели есть кнопка "Ссылка"
DT0H4g2YK5zHlaJKmbnK3L3-UI8Y2vIL_EjVP4rffPQ=w28-h31-no
. Она дает возможность добавить как простую ссылку, так и текстовую ссылку.
Для добавления простой ссылки кнопкой пользоваться вовсе не обязательно - просто вставьте ссылку в текст, и она будет работать. Для добавления текстовой ссылки следует предпринять следующую последовательность действий:
  1. Напишите в редакторе желаемое название ссылки.
  2. Выделите текст мышкой.
  3. Нажмите на кнопку "Ссылка" и в появившемся окне вставьте ссылку.
Результат в кодах будет выглядеть так:
Код: 
[URL='https://thesims.cc/threads/instrukcija-po-ispolzovaniju-redaktora-soobschenij.26426/']Инструкция по использованию редактора сообщений[/URL]
Инструкция по использованию редактора сообщений

Для удаления ссылки из текста достаточно выделить его мышкой и нажать на кнопку "Удалить ссылку"
%D1%83%D0%B4%D0%B0%D0%BB_%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8.png
.
Скрыть текст от незарегистрированных посетителей сайта можно использовав кнопку "Спрятать текст от гостей"
%D1%85%D0%B0%D0%B9%D0%B4.png
. Эта кнопка работает не только для ссылок, но и для другого текста. Однако, чтобы после использования опции ссылка не сбилась, сделайте следующим образом:
  1. Поставьте пробел перед или после ссылки (если пробелов по обеим сторонам нет).
  2. Выделите мышкой ссылку вместе с этим пробелом.
  3. Воспользуйтесь кнопкой скрытия текста.
В коде это будет так:
Код: 
[HIDE][URL='https://thesims.cc/threads/instrukcija-po-ispolzovaniju-redaktora-soobschenij.26426/']Инструкция по использованию редактора сообщений[/URL] [/HIDE]
Чтобы увидеть скрытый текст, войдите или зарегистрируйтесь.
 

Nitomash

Nitomash
Проверенный
Сообщения
727
Достижения
228
Награды
492
Конвертация старых кодов в новые​

Как вы уже могли заметить, система bb-кодов после переезда стала несколько отличаться, некоторые коды работают и выглядят иначе, чем на старом сайте. Для того, чтобы вы могли без проблем перенести свои сообщения со старого сайта, нами была создана программа для конвертации кода. Принцип ее работы прост - вы даете ей старый код, она возвращает вам новый, который можно смело публиковать на сайте.
dvXv3YhF5DKaNmeiKfjQbwQup8pee85_agba8L10UAY=w644-h485-no

​
Все инструкции вы найдете на странице с программой. Со своими вопросами можно обратиться в тему Есть вопрос – задай его здесь, также ко мне или к JDee в ЛС.

 
Статус
Закрыто для дальнейших ответов.
Верх