January 29th, 2016

top

Секреты ЖЖ - 39. Структура поста: создание div-блоков

Некоторые возможности в этой области предоставляет тег lj-cut, который позволяет скрывать/открывать фрагмент поста.

Но с точки зрения кодировки html, блочную структуру можно реализовать с помощью тега div, который создает контейнер для размещения отдельных блоков. Если размер текста превышает размер контейнера - то для его просмотра появляется полоса прокрутки (хотя на мобильных устройствах полоса может быть и не видна, но прокрутка всё равно по факту есть).

Например:


Зимнее утро
А.С.Пушкин


Мороз и солнце; день чудесный!
Еще ты дремлешь, друг прелестный —
Пора, красавица, проснись:
Открой сомкнуты негой взоры
Навстречу северной Авроры,
Звездою севера явись!

Вечор, ты помнишь, вьюга злилась,
На мутном небе мгла носилась;
Луна, как бледное пятно,
Сквозь тучи мрачные желтела,
И ты печальная сидела —
А нынче... погляди в окно:

Под голубыми небесами
Великолепными коврами,
Блестя на солнце, снег лежит;
Прозрачный лес один чернеет,
И ель сквозь иней зеленеет,
И речка подо льдом блестит.

Вся комната янтарным блеском
Озарена. Веселым треском
Трещит затопленная печь.
Приятно думать у лежанки.
Но знаешь: не велеть ли в санки
Кобылку бурую запречь?

Скользя по утреннему снегу,
Друг милый, предадимся бегу
Нетерпеливого коня
И навестим поля пустые,
Леса, недавно столь густые,
И берег, милый для меня.


Здесь была использована следующая кодировка:
Collapse )
top

Секреты жж. Оглавление

Секреты ЖЖ. Анонс - http://top2016.livejournal.com/63415.html

Секреты ЖЖ - 1. Как добавить в комментарий кнопку "Дать 10 жетонов" - http://top2016.livejournal.com/63514.html

Секреты ЖЖ - 2. Добавляем в пост и комментарии нестандартные символы - http://top2016.livejournal.com/64356.html

Секреты ЖЖ - 3. Редактируем и сортируем список друзей - http://top2016.livejournal.com/65621.html

Секреты ЖЖ - 4. Как добавить в блог виджет-глобус - http://top2016.livejournal.com/66137.html

Секреты ЖЖ - 5. Как определить и "разбудить" давно не пишущих в жж друзей - http://top2016.livejournal.com/66574.html

Секреты ЖЖ - 6. Самые старые журналы русскоязычного жж - http://top2016.livejournal.com/68217.html

Секреты ЖЖ - 7. Лимит на добавление друзей - http://top2016.livejournal.com/69926.html

Секреты ЖЖ - 8. Список дней рождений всех друзей - http://top2016.livejournal.com/71114.html

Секреты ЖЖ - 9. Как разместить в блоге счетчик посещений LiveInternet - http://top2016.livejournal.com/72160.html

Секреты ЖЖ - 10. Страница истории промо - http://top2016.livejournal.com/72623.html

Секреты ЖЖ - 11. Сохраняем блог как pdf-книгу - http://top2016.livejournal.com/73062.html

Секреты ЖЖ - 12. Статистика трафика жж - http://top2016.livejournal.com/73269.html

Секреты ЖЖ - 13. Френдомарафоны: как, кому, зачем - http://top2016.livejournal.com/74121.html

Секреты ЖЖ - 14. Консоль ЖЖ - http://top2016.livejournal.com/74564.html

Секреты ЖЖ - 15. Из истории создания LiveJournal - http://top2016.livejournal.com/75485.html

Секреты ЖЖ - 16. Сервис Ljplus - http://top2016.livejournal.com/76279.html

Секреты ЖЖ - 17. Как писать в блоге перевернутыми "вверх ногами" буквами - http://top2016.livejournal.com/76787.html

Секреты ЖЖ - 18. Как писать разноцветные комментарии - http://top2016.livejournal.com/77152.html

Секреты ЖЖ - 19. Регистрируем блог в Google Analytics - http://top2016.livejournal.com/78184.html

Секреты ЖЖ - 20. Bubble-рейтинг блогеров городов - http://top2016.livejournal.com/79206.html

Секреты ЖЖ - 21. Есть технические проблемы? А обратимся в службу поддержки - http://top2016.livejournal.com/80328.html

Секреты ЖЖ - 22. Конфликтная комиссия - http://top2016.livejournal.com/81324.html

Секреты ЖЖ - 23. Еще раз о счетчиках посещений. Теперь добавим Flag Counter - http://top2016.livejournal.com/82047.html

Секреты ЖЖ - 24. Как добавить в пост командные кнопки - http://top2016.livejournal.com/83095.html

Секреты ЖЖ - 25. Как сохранить все посты своего блога - http://top2016.livejournal.com/84215.html

Секреты ЖЖ - 26. Топ комментаторов блога - http://top2016.livejournal.com/85037.html

Секреты ЖЖ - 27. Шутка с чужими аватарками - http://top2016.livejournal.com/86395.html

Секреты ЖЖ - 28. Подключаем блог к Яндекс.Метрике - http://top2016.livejournal.com/87171.html

Секреты ЖЖ - 29. Платные комментарии - http://top2016.livejournal.com/88573.html

Секреты ЖЖ - 30. Как узнать, кто как проголосовал в опросе - http://top2016.livejournal.com/89208.html

Секреты ЖЖ - 31. Как удалить блог в жж - http://top2016.livejournal.com/90282.html

Секреты ЖЖ - 32. Индексирование блогов поисковыми системами - http://top2016.livejournal.com/91101.html

Секреты ЖЖ - 33. Как узнать рейтинг блогов по числу френдов-читателей - http://top2016.livejournal.com/93118.html

Секреты ЖЖ - 34. Aqua и почившая LJ-Лаборатория - http://top2016.livejournal.com/93765.html

Секреты ЖЖ - 35. Блоги-агрегаторы - http://top2016.livejournal.com/94571.html

Секреты ЖЖ - 36. Реестр блогеров и Роскомнадзор - http://top2016.livejournal.com/95399.html

Секреты ЖЖ - 37. Рефспам - http://top2016.livejournal.com/96026.html

Секреты ЖЖ - 38. Как добавить в блог флеш-игры - http://top2016.livejournal.com/97056.html

Секреты ЖЖ - 39. Структура поста: создание div-блоков - http://top2016.livejournal.com/97864.html

Секреты ЖЖ - 40. Генератор дизайнов для ЖЖ от Yoksel