Вход

Мда… Скоро это счастье случится, совсем скоро… так вот для тех, кто думает что мне подарить напишу 5 самых нужных/желанных вещей

С днем варенья поздравляем сегодня Рэйчел))

Настройка блога под ваши желания  (перемещение блоков, настройка css) — 150 р, за один блок

Дизайн — 800р за блог (включая настройки css и блоков)

Сроки и способы оплаты в личку.

Баррель нефти стоит 90$. Пичаль.

Как вы считаете, кто такой геолог?)

не, ну вы представляете... 

Она будет его… Не, правда… Ничего мордашка, маленький рост, все как положено Доктору, да вот только имя… ИМЯ... 

Звать ее будут Кларой.

Все, пойду убьюсь апстену

Итак, выпадающий при наведении блок в шапке вашего блога. 

Имитирует некоторое подобие выпадающей менюшки(стандартной), но с возможностью настроить и выпадаение, и содержание)

#shower {z-index: 20; width: 100%; position: relative;}
#shower #hidden { margin-top: -1000px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#shower:hover #hidden {margin-top: 0;}
#hidden {position: absolute; left:0; right:0; border: 1px dashed #fff;width:100%; height: 100px; -moz-border-radius: 2px !important; border-radius: 2px !important; -webkit-border-radius: 2px !important; background: url('http://f.mypage.ru/106d904810d24677fc13d4f8dc0114d9_ d703b5efa9398afd63eeaf090a24980b.png');}
.wrap .right { z-index: 0 !important;}
#header {overflow: visible !important;}

Для того чтобы этот код работал нужно создать свободный блок в шапке и внутрь него через html форму что-то вроде этого:

<div id=«shower»>
    <div id=«show_activ»><img title=«Немного доп информации» alt=«При наведении много информации» src=«imgin.ru/images/8122015aa6b5626d0636c4ab48069453.gif» /></div>
    <div id=«hidden»>Скрытый текст</div>
</div>

Свободный блок должен быть на самом верху, хотя принципиальной разницы нет...)

если кто не понял, это я)