Дерни за веревочку, вылетит старуха
"Падающие бабки" становятся мемом,
несколько раз натыкалась на непонятное - что за старухи такие валятся?
У
paninina встретила текст, с чего пошло
Типа простота такая, все как договорились, тока еще это, это и вот это :)
На самом деле не бог весть задача, минута дела для профи.
Можем и себе замутить в таком роде =)
(Бабки падают только в самой записи, в ленте не видно)
Делается так:
заходим на страницу пользовательских кодов,
http://www.livejournal.com/customize/options.bml?group=customcss
копируем и вставляем туда вот такую конструкцию -
#entry-fotovivo-№№№№№{displey:block !important;position:relative;z-index:1;color:red;}#entry-fotovivo-№№№№№:before{content: url(http://ic.pics.livejournal.com/fotovivo/19078119/65419/65419_original.gif); /* starushka */position:absolute;z-index:3;left:-500px;top:-700px;width:178px;height:173px;}#entry-fotovivo-№№№№№:hover:before {transition: all 5s ease-in;-webkit-transition: all 5s ease-in;-moz-transition: all 5s ease-in;-o-transition: all 5s ease-in; -moz-transform: translate(1000px, 1000px);-webkit-transform: translate(1000px, 1000px);-o-transform: translate(1000px, 1000px);-ms-transform: translate(1000px, 1000px);transform: translate(1000px, 1000px); }#entry-fotovivo-№№№№№:after{content: url(http://ic.pics.livejournal.com/fotovivo/19078119/136258/136258_original.gif); /* hvost */position:absolute;z-index:2;right:6%;top:0;width:65px;height:542px;}#entry-fotovivo-№№№№№:hover:after{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-o-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;}
Где "№№№№№" - номер текущего поста, а вместо fotovivo напишите свое.
Картинки можно утащить как есть или поменять на какие угодно.
Если там в окошке что-то уже имеется - пристраиваем добавочку снизу, стараясь не стереть
чего-нибудь ненароком (на всякий случай стоит сохраниться, в блокноте где-нибудь);
если у вас это в первый раз, то потренироваться на левом акке не помешает.
- Где взять номер поста?
- Только отправить по началу под глазом, и вписать полученный номер в CSS, иначе не как.
Но можно эффект подвесить к какому-нибудь другому элементу на странице,
к верхней полосе например, тогда фокус будет виден во всем журнале,
не только в одной записи.
(Имя элемента подскажет браузер - щелчок в выбранном месте -> по левому клику выпадающее меню -> находим что-то типа
"узнать код элемента"; "#entry-ИМЯ-№№№№№" заменим на его id или класс.
В некоторых стилях текущая запись может иметь id вида .asset-ИМЯРЕК-1234567 или .post-ИМЯРЕК-1234567
проверяйте в элементах кода)
Кроссбраузерность стандартная,
в старых версиях, на плашетах и при хитрозакрученных настройках не факт что сработает.
Озвучку прикрутить тоже не вопрос,
просто я не люблю посторонних звуков на страницах
Да! Текст записи получится красным - это в тестовых целях,
после отладки color:red; можно убрать.