Страница 1 из 1

Выдвижная панель вверху сайта

Добавлено: 08 июл 2010, 21:12
Lexin
Кто знает как такое осуществить?
Изображение
я пробовал в коде покапаться
но так путевого ничего не нашел

Re: Выдвижная панель вверху сайта

Добавлено: 08 июл 2010, 22:20
SOKOJI
Без наворотов примерно так:

Код: Выделить всё

<div class="top-bar">lorem ipsum dolor set amet...</div>
.top-bar {width: 100%; height: 60px; position: absolute; background: green;}


По кнопке закрыть можно ставить всякие анимашечки от jQ.

Re: Выдвижная панель вверху сайта

Добавлено: 09 июл 2010, 10:42
Task
Изображение

Re: Выдвижная панель вверху сайта

Добавлено: 09 июл 2010, 17:35
Lexin
SOKOJI писал(а):Без наворотов примерно так:

Код: Выделить всё

<div class="top-bar">lorem ipsum dolor set amet...</div>
.top-bar {width: 100%; height: 60px; position: absolute; background: green;}


По кнопке закрыть можно ставить всякие анимашечки от jQ.


не так
твой код закрывает кусок страницы
а должен появляется сам и не закрывать кусок страницы а появляться сверху и слегка смещать вниз шаблон
а так спасибо и за это =)

Re: Выдвижная панель вверху сайта

Добавлено: 09 июл 2010, 19:56
SOKOJI
В твоем примере табличка закрывает шапку ...
А на счет "появляться сама" - тут уже юзай эффекты и рюшечки от jQ. Там уже все от твоей фантазии зависит.

Re: Выдвижная панель вверху сайта

Добавлено: 11 июл 2010, 14:05
Lexin
SOKOJI писал(а):В твоем примере табличка закрывает шапку ...
А на счет "появляться сама" - тут уже юзай эффекты и рюшечки от jQ. Там уже все от твоей фантазии зависит.

понял, спс

Re: Выдвижная панель вверху сайта

Добавлено: 11 июл 2010, 17:51
SOKOJI
Чтобы не закрывала верхнюю часть сайта, а была перед дизайном, убери position: absolute;

Re: Выдвижная панель вверху сайта

Добавлено: 11 июл 2010, 18:40
Lexin
понял, вот тогда всё пойдет на лад =)