Дерни за веревочку, вылетит старуха

"Падающие бабки" становятся мемом,
несколько раз натыкалась на непонятное - что за старухи такие валятся?
У 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; можно убрать.



Кому позаморачиваться - велкам под спойлер =)

• Donate to this author