Меню на CSS

[Zloboff]

Вообщем знаю что можно сделать на css выпадающие менюшки, а можно ли на CSS сделать меню как на сайте не используя библиотеки и javascript?

Пример ниже:

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

Добавлено через 1 минуту
меню находится с левой стороны

 

[shell]

a:hover {background: url(стрелочка.gif);}

 

[Zloboff]

a:hover {background: url(стрелочка.gif);}

Всё гинеальное просто

А как быть с кнопками которые скрывают и раскрывают меню??

 

[manourr]

Выпадающее меню любой глубины можно сделать с применением только CSS. Описывать долго. Вот фотик мой вернётся на днях из командировки - сфоткаю пару страниц книги с описанием процесса. Если ещё актуально конечно.

 

[Zloboff]

Выпадающее меню любой глубины можно сделать с применением только CSS. Описывать долго. Вот фотик мой вернётся на днях из командировки - сфоткаю пару страниц книги с описанием процесса. Если ещё актуально конечно.

Видел такую реализацию с библиотекой JQuery Но мне хотелось бы провернуть это всё на CSS, желательно валидно и кроссбраузерно, такой эффект называется аккардеон, только нужно прямо как на gta.ag.ru. исходники смотрел, там JavaScript + CSS а мне нужна подобная реализация только на CSS

 

[shell]

Не, ну для аккордеона уже нужен JavaScript.
Выпадающее меню конечно можно сделать посредством только CSS, но аccordion еffect нет.

Вот здесь пример как можно извратиться без жаваскрипт, одним CSS-ом

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

Но это, как видно, просто для прикола, нельзя сравнить с настоящим эффектом.

 

[manourr]

Что касается меню на приведённом сайте, то тут не получиться сделать при помощи только таблиц стилей, так как это выпадающее мени в чистом виде. Там обрабатывается именно событие нажатия кнопки мыши. К сожалению в CSS таких механизмов обработки событий нет.

 

[Zloboff]

Что касается меню на приведённом сайте, то тут не получиться сделать при помощи только таблиц стилей, так как это выпадающее мени в чистом виде. Там обрабатывается именно событие нажатия кнопки мыши. К сожалению в CSS таких механизмов обработки событий нет.

Жаль, а можно это всё написать на JavaScript'е уложившись в 1Кб??? и как это реализовать по проще, но с тем же эффектом???

 

[grach5]

а может подскажите плиз еще, как поменять цвет нижнего и верхнего скроллинга как на том сайте? И в каких браузерах это будет работать?

 

[manourr]

Речь идёт о полосе прокрутки страницы? На сколько я помню, эта фича работает только в IE.