Вход

Дорогие товарищи вопрошающие, убедительная просьба, вопросы ваши про CSS задавать в специально отведенном для этого дела посте.

ВНИАНИЕ! убедительная просьба использовать этот рецепт только в том случае, если у вас действительно отсутствует контент связанный с этим взрастным ограничением. И совсем уже честным было бы установить в удобном для вас месте подходящий по стилю значек с вашим ограничением: 16+, 12+ и так далее.

Теперь о том как это делается

#powered span {display:none;}

Исправил опечакту dispay на display

Простой такой код, обеспечивающий выпадание панели навигации (блог, друзья и пр.) при наведении.

Активный элемент списка навигации (страница на которой вы находитесь) всегда остается «навиду» так что всегда можно определить где вы.

.blog-nav li { margin-top: -500px; -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;}
.blog-nav:hover li {margin-top: 0;}

«Вот и все, ребята)» © Woody

Трюк с выпадающей сверх панелькой текста, как у меня сейчас, можно провернуть для стандартной строки навигации.

Товарисчи напомните мне об это завтра..)

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

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

#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>

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

Прячем содержимое виджетов, оставляя только их название.

#widget_tags:hover .widget_content {display: block;} #widget_tags .widget_content {display: none;}
#clubs:hover .widget_content {display: block;} #clubs .widget_content {display: none;}
#friends:hover .widget_content {display: block;} #friends .widget_content {display: none;} 

Все предельно просто)