Подписка на блог

Узнавайте о новых заметках так, как вам удобно.

В Телеграме делюсь ссылками на заметки и заметками целиком. Ещё там картинки, видосы и прочая ерунда, которая мне интересна.

В Твиттере делюсь ссылками на заметки, ищу и обсуждаю различные тренды и новости.

По RSS и JSON Feed заметки транслируются для всяких читалок.

Как сделать сноски в Эгее

Максимально простой способ сделать сноски в Эгее. Основано на теме Артёма Поликарпова. Суть в том, чтобы делать 2 абзаца (p), чтобы один обтекал другой справа. Всё делается через стили.

Это костыль, потому что использовать параграфы не очень удобно

1) В main.css прописываем стили для main и aside. Первый — основной абзац, второй — тот, что будет располагаться на полях.

.e2-text .aside{text-align:center}
.e2-text .aside:after,.e2-text [aside]:before{content:''; max-width:20em; display:block}
.e2-text .aside:before{margin-bottom:1em}
.e2-text .aside:after{margin-top:1em}
@media screen and (min-width:735px){
	.e2-text .main{float:left; width:70%; clear:left}
	.e2-text .main+.aside{float:right; clear:right; text-align:left; margin-left:4%; margin-top:.15em; width: 200px; padding-left:1em; position:relative}
	.e2-text .main+.aside:before{position:absolute; height:100%; top:0; left:0; width:1px;}
	.e2-text .main+.aside:after{display:none}
	.e2-text .main+.aside+*{clear:left}}

2) При форматировании записи, делаем следующим образом:

.main Абзац, который располагается в основном массиве текста.
.aside Абзац, который выносим на поля.

3) Сохраняем. Получаем результат.

Абзац, который располагается в основном массиве текста.

Абзац, который выносим на поля.

Надо бы это применить к блокам, но руки пока не доходят.

Поделиться
Отправить
Запинить
Популярное