Buffer icon Проекты

Заметки на полях в Эгее

Прочитал недавно пост про то, как сделать заметки на полях (маргиналии о_О) у Вениамина Векка. И решил честно не воровать, а сделать сам. Собственно, там и красть-то нечего.

Получились вот такие, простые заметки на полях, в которые можно выносить свои умные мысли и комментарии.

Сделать такие же — очень просто. Нужно в своей теме оформления, добавить всего один стиль, назовём его .note, примерно с такими свойствами:

.e2-text .note {
    padding: 15px;
    float: right;
    clear: right;
    width: 25%;
    min-width: 150px;
    text-align: left;
    background-color: #f2f2f2;
    font-family: var(--smallFontFamily);
    font-size: 12px;
    position: relative;
}

Чтобы вынести часть текста в заметку справа, нужно в начале строки написать название класса, а далее через пробел свой текст:

.note Получились вот такие, простые заметки на полях...

В последних версия Эгеи уже есть три готовых к использованию класса форматирования: .foot, .lead и .loud. Об этом не написано в справке, но можно прочитать в одном из постов Ильи Бирмана.

Поделиться
Отправить
Отправить
 633   2018   блог
3 комментария
Dmitry 2018

Спасибо! Хорошо, что на мобильном не выравнивается и не выглядит, как отдельный абзац.

Игорь 2020

Большое спасибо!

Артем 2020

Спасибо!

Я так и не понял, как работает lead — текст вообще не меняется.

Игорь Лопатин 2020

Наверное, это зависит от темы оформления. Но я тоже не пользуюсь им :)

Популярное