Для создания сносок в тексте используются 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]
Получаем
Просмотреть результат
Комментарии: 34

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

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

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

silver073000 писал(а): <fnonte id="cito_ref-{NUMBER}"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
Как тут добавить, чтобы "номер" ссылки [1] или любой другой. сразу был прописан в верхнем регистре?
  • 0

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

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

<fnote id="cito_ref-{NUMBER}" style="text-transform: uppercase;"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

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

ПитерПетр 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>
  • 0

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

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

<fnote id="cito_ref-{NUMBER}" style="vertical-align: super;"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

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

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

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

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>
Если у вас какая то другая замена, то приведите её код, я подскажу что и как добавить.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

2

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

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;
}
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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