Делюсь прекрасным, кто захочет взять дизайн мастера
edwinowl себе, отмечаемся в комментариях.
Судя по коду, писал я его пьяный в темноте. Сразу предупрежу, код большой, и заменять в нем изображения лучше, используя функцию ctrl+f по названиям вставляемых картинок, правильный перечень последовательности которых дан внизу.
Не пугайтесь, одна и та же картинка может быть использована дважды (И трижды. И четырежды). Повторения обусловлены кодом.
Твиттер (аka блокнот) в левой части дневника на странице записей абсолютно функционален и может включать в себя плеер, текст или виджеты на социальные сети - в общем, все, что душе угодно.
При наведении подсвечивается. Со страницы комментариев имеет вид картинки с текстом песни El-creepo "Witch Hunt", который по желанию (и скиллу фотошопа) может быть заменен на любой другой.
Мануал по установке твиттера:читать дальшеТвиттер - это штука, кототорая требует своего отдельного поста. Фактически, это и есть пост, только вырванный из общего контекста записей и перенесенный в нужную нам часть страницы.
Для того, чтобы этот самый твиттер полностью функционировал и был рабочим, нам нужно выделить под него отдельный пустой пост. Создать новый или использовать пустой старый - роли не играет.
После того, как мы это сделали, нам следует перейти в пост по кнопке url (ну, или просто открыть его на странице комментариев) и посмотреть а адресную строку браузера. В моем случае адрес выглядит следующим образом:
http://probnik01.diary.ru/p193240575.htm
из которого нам понадобится лишь его номер - то, что отмечено красным.
Далее мы находим в дизайне сам блок {..twitter..} - (его легко найти по комментариям к коду) и заменяем данный номер на тот, под каким числится наш собственный избранный для твиттера пост. читать дальше{..twitter..}
#Journal #post193240575.singlePost { display: block !important; font-family: Tahoma; font-size: 11 height: 400px !important; position: absolute; top: 204px !important; visibility: visible !important; width: 175px !important; z-index: 1; border: none !important; background: transparent !important;}
#Journal #post193240575.singlePost { display: block; margin: 200px 163px 1px -210 overflow-x: hidden; padding: 1px 1px 0; }
#Journal #post193240575.singlePost .atTag {margin: 20px 0 0 0 !important; }
#Journal #post193240575 .postActionLinks {margin: 0 58px 0 0 !important;}
#Journal #post193240575 .postContent { background: none repeat scroll 0 0 transparent !important; border: medium none !important; box-shadow: 0 0 0 0; margin-right: 0px !important; overflow: hidden !important; padding: 5px !important; }
#Journal #post193240575 .postLinksBackg {display: none!important;}
#Journal #post193240575 .paragraph {padding-top: 40px !important;}
#Journal #post193240575 .postDate, .countSecond .postDate {display: none!important;}
#Journal #post193240575 .postTitle span {display: none!important;}
#Journal #post193240575 .header h2 {border-style: none; background-color: transparent !important; }
#Journal #post193240575 .postActionLinks { left: -38px !important; margin: 28px 0 10px -180px !important; }Что делать, если твиттер пропал?читать дальшеНайти пост и поднять его, разумеется. Ибо пропадание твиттера, как правило, связано с тем, что текущая страница в дневнике закончилась и началась новая.Код не работает! Что делать?читать дальшеНе стесняться и писать мне напрямую. Или в комментарии.Благодарности: Albert Osbourne - за моральную поддержку и то, что был моими глазами на протяжении всего процесса верстки)
Код:
URL записи