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

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>
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер

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

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

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

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

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

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

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

Питер

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

Питер 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>
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер

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

Питер 02 окт 2019, 06:53 Сообщение

Если ставить сноски в одну строку, то между ними есть пробел (строка). Как изменить код, чтобы сноски были без этого пробела (строки)?

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

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

CabinetAdmin 02 окт 2019, 15:52 Сообщение

Пробела быть не должно, если только нет отступа для элемента в стилях. К style= можно добавить margin: 0; padding: 0;, это переопределит стили из css файлов стиля.
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер

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

Питер 17 окт 2019, 17:35 Сообщение

Не совсем понятно. По логике это надо добавлять в замену HTML enote. Но там вообще нет style=.
Можно попросить написать четко в каком именно ббкоде и как полностью должна выглядеть замена HTML

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

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

CabinetAdmin 18 окт 2019, 16:19 Сообщение

Почему нет? Если вы использовали код замены данный мною два сообщения назад, то есть - style="vertical-align: super;".

Питер писал(а):Источник цитаты как полностью должна выглядеть замена HTML

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

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

Если у вас какая то другая замена, то приведите её код, я подскажу что и как добавить.
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер

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

Питер 18 окт 2019, 19:18 Сообщение

  Видимо я не совсем корректно задал вопрос. В тексте, где ставятся номер примечания, все нормально. Пробелы во фрагменте, где пояснения. Между каждым пояснением к каждой сноске — пробел между ними.
1

2

3
И так далее. А нужно
1
2
3

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

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

CabinetAdmin 18 окт 2019, 20:30 Сообщение

А, понял, речь про пояснение.
Структура пояснения сделана на теге <ul>, без классов и собственных стилей, а значит для тега используются общие стили для тега из css. Самый простой способ добавить style="margin: 0; padding: 0;" к:

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

<li id="cito_not-{NUMBER}">

вот так:

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

<li id="cito_not-{NUMBER}" style="margin: 0; padding: 0;">


Либо добавить класс и добавить стили:

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

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


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

ul.enote { /* Здесь могут быть стили для всего списка/пояснений */ } ul.enote li { /* Здесь стили для пунктов списка/пояснений */ margin: 0; padding: 0; }
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер

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

Питер 19 окт 2019, 07:27 Сообщение

   Поставил первый вариант — ничего не изменилось. Второй вариант — честно говоря, вообще не понял. Куда, что.


Похожие темы

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

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

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