Для создания сносок в тексте используются 2 bbcode одновременно:
Использование BBCode
Замена HTML
Подсказка
Настройки
Показывать на странице ответа - По желанию админов сайта
Использование BBCode
Замена HTML
Подсказка
Настройки
Показывать на странице ответа - По желанию админов сайта
---------------------
Пример работы
Получаем
Просмотреть результат
fnote
для формирования самой сноски (прописывается в месте необходимости сноски) и enote
, который устанавливается в конце текста и показывает текст сноски. При нажатии на номер сноски страница проматывается к пояснению. Вернуться обратно к сноске можно, нажав стрелку вверх возле пояснения. Номер пояснения должен соответствовать номеру сноски, иначе возникнет неразбериха Пример прилагается.Использование BBCode
Код: Выделить всё
[fnote]{NUMBER}[/fnote]
Код: Выделить всё
<fnonte id="cito_ref-{NUMBER}"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
Код: Выделить всё
[fnote]номер сноски[/fnote]
Показывать на странице ответа - По желанию админов сайта
Использование BBCode
Код: Выделить всё
[enote={NUMBER}]{TEXT}[/enote]
Код: Выделить всё
<ul>
<li id="cito_not-{NUMBER}"><a href="#cito_ref-{NUMBER}" title="вернуться к чтению">↑ </a>[{NUMBER}]. {TEXT}</li>
</ul>
Код: Выделить всё
[enote=номер сноски]текст сноски[/enote]
Показывать на странице ответа - По желанию админов сайта
---------------------
Пример работы
Код: Выделить всё
Произвольный текст [fnote]1[/fnote]
Продолжение текста[fnote]2[/fnote]
Продолжение текста[fnote]3[/fnote]
-----------------------
[enote=1]пояснение к первой сноске[/enote]
[enote=2]пояснение ко второй сноске[/enote]
[enote=3]пояснение к третьей сноске[/enote]
Просмотреть результат
Комментарии: 34
Код: Выделить всё
<fnote id="cito_ref-{NUMBER}" style="text-transform: uppercase;"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Вместо
Так?
Код: Выделить всё
<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>
Код: Выделить всё
<fnote id="cito_ref-{NUMBER}" style="vertical-align: super;"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Почему нет? Если вы использовали код замены данный мною два сообщения назад, то есть -
Если у вас какая то другая замена, то приведите её код, я подскажу что и как добавить.
style="vertical-align: super;"
. Код: Выделить всё
<fnote id="cito_ref-{NUMBER}" style="vertical-align: super; margin: 0; padding: 0;"><a href="#cito_not-{NUMBER}">[{NUMBER}]</a></fnote>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
А, понял, речь про пояснение.
Структура пояснения сделана на теге
вот так:
Либо добавить класс и добавить стили:
Структура пояснения сделана на теге
<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="вернуться к чтению">↑ </a>[{NUMBER}]. {TEXT}</li>
</ul>
Код: Выделить всё
ul.enote {
/* Здесь могут быть стили для всего списка/пояснений */
}
ul.enote li {
/* Здесь стили для пунктов списка/пояснений */
margin: 0;
padding: 0;
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!