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

CabinetAdmin 19 окт 2019, 08:36 Сообщение

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

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

Только зарегистрированные пользователи могут видеть данное содержимое.
  • 0

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

Такс... Опишу сразу несколько вариантов.

Без отступов снизу, но с отступом слева и точкой перед текстом:

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

<ul style="margin-bottom: 0;">
	<li id="cito_not-{NUMBER}"><a href="#cito_ref-{NUMBER}" title="вернуться к чтению">&uarr;&nbsp;</a>[{NUMBER}].&nbsp;{TEXT}</li>
</ul>
Без отступов снизу, но с отступом слева и без точки:

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

<ul style="margin-bottom: 0; list-style: none;">
	<li id="cito_not-{NUMBER}"><a href="#cito_ref-{NUMBER}" title="вернуться к чтению">&uarr;&nbsp;</a>[{NUMBER}].&nbsp;{TEXT}</li>
</ul>
Без отступов:

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

<ul style="margin: 0; list-style: none;">
	<li id="cito_not-{NUMBER}"><a href="#cito_ref-{NUMBER}" title="вернуться к чтению">&uarr;&nbsp;</a>[{NUMBER}].&nbsp;{TEXT}</li>
</ul>
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

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

  Спасибо! То что нужно. Использовал первый вариант.
  • 0

Питер 23 фев 2020, 07:27 Сообщение

Что нужно добавить в замену HTML, что бы номер ссылки и текст ссылки в примечаниях (в enote) был (по умолчанию) меньшего размера. К примеру, соответствующий "маленький (85%)? И в самом тексте (fnote)
  • 0

CabinetAdmin 23 фев 2020, 08:47 Сообщение

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

<ul style="margin-bottom: 0; font-size: 85%;">
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер 23 фев 2020, 09:55 Сообщение

  Спасибо. А в самом тексте? fnote
  • 0

CabinetAdmin 25 фев 2020, 21:10 Сообщение

Дык, так же, подставьте font-size: 85%; в инлайновые стили элемента.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер 27 фев 2020, 13:29 Сообщение

А вот с этим проблема. Если вставить в HTML frote font-size: 85%; то непонятным почему, но сбивается посты в которых несколько скроллов. Просто весь текст исчезает. Хотя при нажатии на редактирование он есть в теме поста. Если скролл один, то все типи-топи. Даже как-то странно.
  • 0

CabinetAdmin 27 фев 2020, 17:04 Сообщение

Что за скроллы?
Не так добавили? Должно быть так:

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

<fnote id="cito_ref-{NUMBER}" style="font-size: 85%; vertical-align: super;">....
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер 28 фев 2020, 21:29 Сообщение

Добавил как вы написали. Все равно идет сбой.
На форуме часто публикуются рассказы детективного жанра, которые переводят участники форума. Есть разные по размерам. В теме viewtopic.php?f=113&t=2391 я писал о проблеме. Если количество знаков (букв и прочих символов) превышает определенное количество (непонятно где установленное по умолчанию), то идет сбой. Текст в скролле просто "выскакивает" или сообщение становится пустым (хотя если нажать редактирование, то оно есть. Вот тут то и начинаются танцы с бубном. Приходится разбивать текст на два, а то и три скролла.
Если добавить строку как вы написали, то если два скролла, все нормально. Если три — сбой (пустое сообщение).
  • 0

CabinetAdmin 29 фев 2020, 09:46 Сообщение

А если без font-size: 85%;,то всё работает, правильно? Если так, то я предлагаю вместо инлайновых стилей добавить стили в css. Открыть файл content.css используемого вами стиля, найти:

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

.search .postbody {
	width: 68%
}
и добавить перед:

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

.postbody .content fnote {
	font-size: 90%;
}
Очистить кэш.

зы. Если вы используете хром (он очень трудно расстаётся с кэшированными стилями), то на вкладке с открытым форумом нажмите Ctrl+Shift+I, откроется панель разработчика, откройте вкладку Network, поставьте галочку рядом с Disable Cache (визуально она находится сразу под вкладкой) и просто обновите страницу. После обновления страницы панель разработчика можно закрыть.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер 29 фев 2020, 10:56 Сообщение

Изображение
Ничего не меняется. Ни на одном из браузеров. Я вообще пользуюсь Safari (у меня Mac). Но проверяю и на обычном PC c виндой.
  • 0

CabinetAdmin 29 фев 2020, 13:16 Сообщение

Если у вас 3.0.x версия, то обновите используемую тему в компонентах стилей.
  • 1
Хочешь поблагодарить? Есть способы - Поддержать проект

Питер 29 фев 2020, 13:40 Сообщение

Спасибо!
  • 0

Похожие темы