Всё началось с появлениея "twitter"-записи в дневнике -- Jägerhustler --, которая заполнялась текстом под скроллинг, т.е. не растягивала запись до размеров бука в несколько а.л. (коммент.авт.). Как стало понятно позже, в такой "scroll"-пост можно вписывать мысли, цитаты, отражающие сиюминутные настроения. И вот, как-то автор вышеупомянутого дневника заметил, что было бы гораздо удобнее, если бы этот пост был зафиксирован на странице и оторван от общей ленты записей в виде отдельного блока. Приблизительно в таком ракурсе я поняла идею, обозначенную [J]Ловчий->[/J] - автором того самого дневника. В его же дневнике можно посмотреть и на пример реализации - внизу страницы справа блок с текстом. Да и в своём пока удалять не буду. Но...
--- Скрины ---
Стоит сразу отметить, что приведённый ниже код отличается от кода в дневнике Jägerhustler, так как он оптимизирован и немного упрощён. Все настройки очень существенно зависят от дизайна.
Далее пойдёт речь о реализации идеи в код.
-- I --
Создаём пост. Можно с заголовком, например, "twitter\status". БЕЗ!:
-- комментариев,
-- тем,
-- музыки,
-- настроения,
-- аватар.
-- тем,
-- музыки,
-- настроения,
-- аватар.
Смотрим в адресной строке номер поста, например:
И скопируем его куда-нибудь.
-- II --
Вставляем в код своего дизайна такой код:
-- III --
Ничего пока не сохраняя, в этом коде сначала меняем все "185793319" на номер своего поста (см.картинку). Будьте очень осторожны! Следите за тем, чтобы пробелы либо их отсутствие после номера записи обязательно оставались на месте!
-- IV --
Сначала покажу на рисунке, что придётся менять, учитывая особенности вашего дизайна и вкусов:
-- V --
А теперь разберём сам код по-селекторно (т.е. по-строчно):
1) селектор #post185793319.singlePost - основная оболочка твитта:
2) селектор #post185793319.singlePost .postContent - содержимое записи и её параметры оформления повторяющиеся теги не расписываю, о них всегда можно спросить, например, меня:
3) селектор #post185793319 .postTitle.header - формат заголовка.
4) селектор #post185793319 .postActionLinks - блок с кнопками редактирования записи, её удаления и прочее.
5) селекторы #post185793319 .upPostLink, #post185793319 .delPostLink, #post185793319 .editPostLink - селекторы кнопок редактирования, в которых задаётся их позиционирование.
-- тег bottom: отступ от нижней границы страницы, может быть заменён на top:, если твитт вешать наверху страницы;
-- тег right: отступ от правой границы страницы, может быть заменён на left:, если твитт вешать слева;
-- теги width: и height: задают ширину и высоту основной оболочки поста;
-- тег background-color: прописывает цвет фона и его прозрачность (последнее - четвёртое число) для этой оболочки.
-- тег right: отступ от правой границы страницы, может быть заменён на left:, если твитт вешать слева;
-- теги width: и height: задают ширину и высоту основной оболочки поста;
-- тег background-color: прописывает цвет фона и его прозрачность (последнее - четвёртое число) для этой оболочки.
2) селектор #post185793319.singlePost .postContent - содержимое записи и её параметры оформления повторяющиеся теги не расписываю, о них всегда можно спросить, например, меня:
-- тег margin: по сути отступ от заголовка и границ "предка-родителя";
-- тег padding: отступы до внутренней части - текста. NB! - коварный тег, очень коварный! фу-фу-фу!
-- тег padding: отступы до внутренней части - текста. NB! - коварный тег, очень коварный! фу-фу-фу!
3) селектор #post185793319 .postTitle.header - формат заголовка.
4) селектор #post185793319 .postActionLinks - блок с кнопками редактирования записи, её удаления и прочее.
5) селекторы #post185793319 .upPostLink, #post185793319 .delPostLink, #post185793319 .editPostLink - селекторы кнопок редактирования, в которых задаётся их позиционирование.
Вообще говоря, такими постами можно "обвешать" всю страничку дневника, набив в них любимую музыку (например, у меня в дневнике в "оторванном", правда, эпиграфе висят internet-радиостанции), важные ссылки, какие-нибудь картинки-гиффки, фото любимой собаки-кошки-хомячка или человека, - всё на что вашей фантазии хватит.
ВАЖНО! Не забывайте периодически поднимать запись, нажав на соответствующую кнопку. Иначе уйдёт на следующую страницу дневника и с первой исчезнет.
Надеюсь, ничего существенного не упустила. Если есть чего добавить, буду очень благодарна )
И уж простите великодушно, что все детали не расписаны до мельчайших подробностей. Всё-таки подобные решения и их воплощения ориентированы на тех, кто хоть самую чуточку разбирается в CSS. поверьте, мои познания очень скромны
Особую благодарность хочу выразить D Ash за терпеливое понимание и компетентное консультирование по вопросу отображения сего элемента на других страницах дневника пользователя. Да, это было давно, но я помню )
Теперь у меня ступор. Не знаю, о чём ещё писать.
Оформление твиттера, как и его код в примере в моём дневнике поменялся и теперь не совсем соответствует описанию. Однако, идея всё та же самая. Фоном прописана картинка, как в блоках меню. Пришлось поменять отступы и позиционирование. Добавлен :hover в первый селектор. Ладно, пусть пока повисит. Как-никак, а другой вариант реализации.
Когда разберусь с "темами записей" в меню, опишу как это делается. А пока нет ни решимости ни вдохновения браться за эту задачу. Она мне мозг напрягает! Чё делать-то? Думай, голова, думай!