Просьба
Дорогие товарищи вопрошающие, убедительная просьба, вопросы ваши про CSS задавать в специально отведенном для этого дела посте.
Дорогие товарищи вопрошающие, убедительная просьба, вопросы ваши про 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;}
Все предельно просто)