Категория: CSS для MyPage

Выпадающий блок навигации

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

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

.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

Обсудить у себя 12
Комментарии (5)

Попробую устроить у себя «выпадение»). Спасибо тебе огромное.

у меня что-то лажает этот код… но идея хорошая, может с другим получится… спасибо

У меня пошло, но с блоком навигации в моём блоге пока смотрится всё же лучше. Все равно спасибо!

Спасибо за пост, у меня все получилось 

Добрый день всем. Подскажите, плиз, а как сделать выпадающие подрубрики?

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети:

Каин
Каин
Был на сайте никогда
Родился: 9 Июля
admin@unohog.ru
Читателей: 187 Опыт: 0 Карма: 1
Я в клубах
I am Sherlocked Пользователь клуба
Уно Хогвартс Администратор клуба
CSS | Design Пользователь клуба
Web-Grower Модератор клуба
Sherlove Пользователь клуба
Проект "Together" Пользователь клуба
Новичкам MyPage.Ru Модератор клуба
Поддержка кнопки Пользователь клуба
Служба помощи MyPage.Ru Пользователь клуба
Много ARTа не бывает Модератор клуба
Ἔρως - Ἀφροδίτη Пользователь клуба
все 35 Мои друзья