Сноски в сообщениях

BBCode — это специальный вариант HTML
С помощью BBcode - вы сможете отформатировать текст в сообщении, вставить видео, картинки и многое другое.
Аватара пользователя
silver073000

Сноски в сообщениях

silver073000 26 авг 2014, 00:54 Сообщение

Для создания сносок в тексте используются 2 bbcode одновременно: fnote для формирования самой сноски (прописывается в месте необходимости сноски) и enote, который устанавливается в конце текста и показывает текст сноски. При нажатии на номер сноски страница проматывается к пояснению. Вернуться обратно к сноске можно, нажав стрелку вверх возле пояснения. Номер пояснения должен соответствовать номеру сноски, иначе возникнет неразбериха :milo: Пример прилагается.

Использование BBCode

Код: Выделить всё

[fnote]{NUMBER}[/fnote]

Замена HTML

Код: Выделить всё

<fnonte id="cito_ref-{NUMBER}"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>

Подсказка

Код: Выделить всё

[fnote]номер сноски[/fnote]

Настройки
Показывать на странице ответа - По желанию админов сайта

Использование BBCode

Код: Выделить всё

[enote={NUMBER}]{TEXT}[/enote]

Замена HTML

Код: Выделить всё

<ul> <li id="cito_not-{NUMBER}"><a href="#cito_ref-{NUMBER}" title="вернуться к чтению">&uarr;&nbsp;</a>[{NUMBER}].&nbsp;{TEXT}</li> </ul>

Подсказка

Код: Выделить всё

[enote=номер сноски]текст сноски[/enote]

Настройки
Показывать на странице ответа - По желанию админов сайта

---------------------

Пример работы

Код: Выделить всё

Произвольный текст [fnote]1[/fnote] Продолжение текста[fnote]2[/fnote] Продолжение текста[fnote]3[/fnote] ----------------------- [enote=1]пояснение к первой сноске[/enote] [enote=2]пояснение ко второй сноске[/enote] [enote=3]пояснение к третьей сноске[/enote]

Получаем
Просмотреть результат

Питер

Сноски в сообщениях

Питер 01 ноя 2017, 08:39 Сообщение

Классный bbcode. Огромное спасибо!
Для полного счастья не хватает одного. Нельзя его как то усовершенствовать. Что бы "длинная простыня примечаний" помещалась под скрытый текст. По примеру bbcode cut, с которым я "воюю" в топике http://cabinetadmina.ru/viewtopic.php?f=113&t=4763&p=74781#p74781

Питер

Сноски в сообщениях

Питер 07 ноя 2017, 21:42 Сообщение

silver073000 писал(а):Источник цитаты <fnonte id="cito_ref-{NUMBER}"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>

Как тут добавить, чтобы "номер" ссылки [1] или любой другой. сразу был прописан в верхнем регистре?

Аватара пользователя
CabinetAdmin

Сноски в сообщениях

CabinetAdmin 08 ноя 2017, 16:31 Сообщение

Код: Выделить всё

<fnote id="cito_ref-{NUMBER}" style="text-transform: uppercase;"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

Сноски в сообщениях

Питер 08 ноя 2017, 17:03 Сообщение

Нет. Что не так. Словно ничего не менял.

Аватара пользователя
CabinetAdmin

Сноски в сообщениях

CabinetAdmin 08 ноя 2017, 17:28 Сообщение

Не знаю, если у вас там цифры, то у них нет регистра, он у них один. Может вам не регистр надо? Может вам верхний индекс нужен? Тогда вместо того что добавлено надо vertical-align: super;
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

Сноски в сообщениях

Питер 08 ноя 2017, 17:40 Сообщение

Вместо

Код: Выделить всё

<fnonte id="cito_ref-{NUMBER}"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>

Так?

Код: Выделить всё

<fnote id="cito_ref-{NUMBER}" vertical-align: super; ><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>

Аватара пользователя
CabinetAdmin

Сноски в сообщениях

CabinetAdmin 08 ноя 2017, 18:46 Сообщение

Код: Выделить всё

<fnote id="cito_ref-{NUMBER}" style="vertical-align: super;"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Пользовательские BBCode для phpBB»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость