С того момента, как я начал работать в интернете мне приходилось делать уже более 200 сайтов – и корпоративных, и для себя, и сателлитов, и порталов и во всех сайтах, неважно какой он структуры, есть один постоянный элемент – это меню. Сегодня я вам предоставлю огромную коллекцию разнообразных меню и навигаций: меню на css, горизонтальные, вертикальные меню, выпадающие и на скриптах.
Итак, любое нормальное меню обычно имеет семантическую верстку и строится через списки, т.е. конструкцией вида
<ul>
<li>пункт меню<li>
<ul>
Все остальное — это дело техники и значений стилей.
Чтобы построить быстро красивое меню, можно: сделать его самому с нуля, а можно воспользоваться готовым, изменяя значения стилей/картинки – в итоге получим уникальное меню, быстро и красиво.
1. Некоторые исходники меню
скачать исходники горизонтального меню на css
2. Исходники меню с эффектами
ссылка на загрузку подборки в конце превьюшек
слайдер – красивое выезжающее справа меню
выпадающее сверху меню
красивое меню из картинок –
Lavalamp menu
выпадающее вертикальное меню
mootools меню
меню с выезжающими иконками
выезжающее меню
скачать исходники меню с эффектами
3. Туториалы с исходниками меню
/
\
\
А вот ещё один отличный урок по созданию меню на русском языке – мне очень понравился
и ещё один простой урок по созданию
А здесь урок по созданию
4. Мега сборка ссылок на различные исходники менюшек
- : Exploding Boy
- : Exploding Boy
- : Exploding Boy
- в виде табов : Simplebits
- меню : SolarDreamStudios
- углы :
- : Simplebits
- : CSS Play – выпадающее разноцветное меню
- : CSS Play – выпадающее вертикальное меню
- : CSS Play — выпадающее вертикальное меню
- : CSS Play – выпадающее полупрозрачное меню
- : набор вертикальных менюшек
- : List Apart – гибридное меню в 2 строки
- : CSS Play – выпадающее меню исключительно на css
5. сервис создания меню
Но и это ещё не все – вот вам 100 офигительных (если ссылка сдохнет – скажите, я перезалью)
Мониторинг сети: у вас есть блог, теперь пора заказать его продвижение на фабрика сайтов
Понравилась статья? - Подпишись.
Или поделись полезным с миром
Похожие статьи:
Огромнейшее тебе спасибо!!!
Мне нужна помощь в создании такого-же меню как у тебя на этом блоге. То есть такие-же категории с иконками. Иконки я уже заказал и мне их нарисовали, осталось сделать их категориями которые выделяются при наведении.
Мне понравилась менюха в этом посте «с выезжающими иконками», но она не подходит для аудитории моего СДЛа.
СДЛ (также как твой и мой блоги) на вордприссе, поэтому я буду очень признателен (и оставлю постовой с блога на тебя) если ты скинешь мне на мыло исходники какого-то подобного меню как на «trend-bag.ru».
Заранее БОЛЬШОЕ спасибо!
Может кому-то пригодиться:
ETNO, Спасибо, твои исходники дали мне знать, что именно искать, и я нашел.