Оформление сообщений на форуме

[Kornak]

Оформление сообщений на форуме

Добро пожаловать! » | Инструкция по форуму PROscooters.ru » | Оформление сообщений на форуме »
 

• BBCode - Общие сведения, возможные ошибки при использовании
• Как правильно давать ссылку на конкретное сообщение на форуме
• Как поместить ссылку под определённый текст?
• Сворачиваемый текст - Спойлер
• Размещение фотографий из Instagram
• Счетчик с обратным отсчетом
• Полоса прогресса

ТЕМА В РАЗРАБОТКЕ 

[Kornak]

BBCode - Общие сведения.

Что такое BBCode?
BBCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих форумах.
Для того, чтобы расставить BBCode теги для нужного текста, выделите необходимый текст мышью и нажмите кнопку тега.


Можно ли комбинировать теги?
Да, конечно можно. Например, для формирования жирного текста большого размера красного цвета можно использовать следующую конструкцию:

Код: [Выделить]

[size=24pt][color=red][b]ТЕСТ[/b][/color][/size]А вот так она будет выглядеть
ТЕСТ
Не рекомендуется выводить таким образом длинные тексты.

Ошибки при использовании BBCode тегов
Большинство BBCode тегов - парные присутствует открывающий тег и закрывающий

Код: [Выделить]

[b] - открывающий
[/b] - закрывающий

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

Стандартный текст без оформления - читается лучше чем текст имеющий ошибочное оформление

пример

например при форматировании текста автор потерял закрывающие теги

Код: [Выделить]

[u]Самая распространенная ошибка форматирования текста - это потеря части тегов. Удаление даже одной скобки повлечет за собой некорректное отображение вашего поста.
Поэтому, если в предварительном просмотре пост выглядит - [s]плохо, не так как вы хотели - проверьте правильность всех тегов. если найти потерявшийся тег или скобку не получается - проще всего удалить все теги и расставить после этого вновь, или же вовсе отказатся от форматирования.

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

Согласитесь такой текст читать абсолютно невозможно.

Не менее распространенная ошибка - неправильно вложенные друг в друга теги.

Вот этот BBCode, например, неправилен:

Код: [Выделить]

[b][u]Это неверно[/b][/u]

[Kornak]

Как получить ссылку на конкретное сообщение в теме?

Задача:
Требуется в своем сообщении дать ссылку на сообщение другого пользователя.

Например:
В теме Простые вопросы по ремонту пользователь задает определенный вопрос и вы хотите подсказать, что подобный вопрос недавно обсуждался и обсуждение начинается с сообщении пользователя @OLEG , которое находится все так-же в теме Простые вопросы по ремонту.
Многие просто копируют ссылку из адресной строки браузера и вставляют ее в свое сообщение, что является неправильным решением. (Т.к. в этом случае будет лишь ссылка на тему в которой может быть несколько сотен сообщений)

Простое решение.
Перейдите к сообщению, ссылкой на которое Вы хотите поделиться с другими.
В верхнем левом углу Вы увидите надпись вида Ответ #434 : 23:10:34 / 02, Октября 2015



Подведите курсор мышки к номеру сообщения, нажмите правую кнопку и в контекстном меню выберите
"Копировать адрес ссылки"



В редакторе своего сообщения вставьте ссылку (Ctrl+V, либо - правая кнопка мыши - "Вставить")
В редакторе это будет выглядеть так:

Код: [Выделить]

http://proscooters.ru/index.php?topic=2626.msg66710#msg66710
В данном URL Первая часть

Код: [Выделить]

http://proscooters.ru/index.php?topic=2626означает, открыть на форуме PROscooters тему с номером "2626" - это уникальный идентификатор темы, который присваивается каждой теме при создании автоматически движком форума и не меняется даже при перемещении и переименовании темы. А код ".msg66710#msg66710" означает "и отобразить сообщение с номером" 66710. Номер сообщения, указываемый в URL адресе - это его уникальный идентификатор, присваиваемый автоматически движком форума.
При публикации сообщения редактор преобразует эту ссылку в "читабельный" вид и в готовом сообщении
ссылка будет отображаться как:

Простые вопросы по ремонту

[Kornak]

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

Задача:
Назначить гиперссылку произвольному тексту,

Например:
Ссылка здесь

Решение:
– получаем адрес ссылки, например как описано здесь
– нажимаем кнопку "Вставить гиперссылку"



– в отобразившемся окне вводим ссылку (Ctrl+V, либо - правая кнопка мыши - "Вставить")
и соглашаемся, нажав кнопку ОК



- в следующем окне вводим произвольный текст который должен отобразится в качестве ссылки



В редакторе это будет выглядеть так:

Код: [Выделить]

Вставляем ссылку [url=http://wiki.proscooters.ru/]здесь[/url]
В готовом сообщении ссылка будет отображаться как:

Вставляем ссылку здесь

[Kornak]

Сворачиваемый текст - Спойлер

Что такое спойлер и как правильно использовать его в сообщениях?
Часто на форуме для уменьшения объёма сообщения применяют инструмент для сворачивания текста - спойлер. Он позволяет скрыть объёмные изображения и длинные тексты, при этом желающий ознакомиться с представленным материалом поближе может развернуть спойлер нажатием левой кнопки мыши по нему, при этом отображается всё содержимое спойлера. Далее подробно рассмотрены 2 типа спойлеров, использующихся на форуме. Вы можете использовать любой, в зависимости от ситуации.

Простой спойлер

Визуально спойлер представляет собой элемент разметки html-страницы, позволяющий свернуть текст и (или) изображение.
Кликнув на этот элемент, можно посмотреть его содержимое.
Например:

Спойлер

Здесь спрятан текст

Спойлер

Здесь картинка и текст

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

1. Выделяем текст
2. Нажимаем кнопку, находящуюся в верхней панели редактора сообщения:


Полученная конструкция выглядит в сообщении следующим образом:


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

Код: [Выделить]

[spoiler]этот текст необходимо спрятать[/spoiler]
Как спрятать изображение под спойлер:
1. Прикрепляем изображение в сообщение ( как рассказывается в теме Как залить изображение на форум )
2. Выделяем код, обозначающий прикреплённое изображения (включая начальную и конечную квадратные скобки).
3. Нажимаем кнопку

Спойлер с названием

Визуально этот элемент выглядит так:

Всё самое интересное внутри

На самом деле здесь пусто 

То есть справа от значка "(+/-)" вместо слова "Спойлер" добавляется текстовая метка - название спойлера, в приведённом примере - "Всё самое интересное внутри".
Чтобы добавить название к спойлеру, необходимо:
1. Спрятать нужную часть сообщения под обычный спойлер.
2. Дописываем к открывающему тегу через знак "=" необходимый текст

Код: [Выделить]

[spoiler=Всё самое интересное внутри]На самом деле здесь пусто  :fire:[/spoiler]
Для заголовка спойлера не применимы функции форматирования текста, такие как:
– толщина шрифта (жирный шрифт)
– наклонный шрифт
– подчеркнутый шрифт
– перечеркнутый шрифт
– размер шрифта
– цвет шрифта.