Запись 85

Сноски на полях в Эгее

Вновь из вопросов в телеграм «Как сделать сноски на полях в Эгее?». Добавим немного магии и стилей в css файл вашего шаблона.

@media screen and (min-width: 1050px) {
    .e2-text .aside {
        position: relative;
        text-align: left;
        max-width: 200px;
        margin-left: 4%;
        margin-top: .15em;
        float: right;
        clear: right;
    }
}
.e2-text .aside {
    line-height: 16px;
    font-size: 14px;
    opacity: .8;
}

Как использовать? Начиная с Эгеи 2.7 в редакторе можно сделать вот так:

.aside Текст сноски на полях.

И текст будет обернут классом .aside. Можно обернуть напрямую:

<p class="aside">Текст сноски на полях.</p>

Добавив .aside после первого абзаца текста сноска будет отображаться справа от следующего абзаца.

Способ второй

@media screen and (min-width: 1050px) {
    .e2-text [main] {
        float: left;
        clear: left;
    }
    .e2-text [main]+[aside] {
        position: relative;
        max-width: 200px;
        margin-left: 4%;
        margin-top: .15em;
        float: right;
        clear: right;
    }
    .e2-text [main]+[aside]+* {
        clear: left;
    }
}
.e2-text [aside] {
    line-height: 16px;
    font-size: 14px;
    opacity: .8;
}

Как использовать? В редакторе:

<p main>Основной абзац текста.</p>
<p aside>Текст сноски на полях.</p>

Сноска будет отображаться справа от основного абзаца текста.


Для того, чтобы добавить свои стили к шаблону, в папке styles шаблона создайте файл style.css, скопируйте main.tmpl.php из:

../system/theme/templates

И вставьте в:

../themes/plain/templates

Отредактируйте main.tmpl.php добавив стили после основных стилей <?php_CSS ('main') ?> в конце файла.

<?php_CSS ('style') ?>

Смотрите ещё: Кат в Эгее, Свои шрифты в Эгее и Пишем свой шаблон для Эгеи.