30 горизонтальных меню для сайта - 4.8 out of 5 based on 5 votes

Горизонтальное меню для сайтаПредставляем вашему вниманию подборку из 30 горизонтальных меню для сайта. Все меню сделаны только с применением CSS и HTML и проверялись на работоспособность в браузерах IE6, IE7, IE8, Firefox, Opera, Safari, Chrome. Все представленные исходники запакованы в архивы.

В каждом из архивов вы найдете, HTML файл содержащий структуру меню, файл style.css, который содержит стили для данного меню и папку " images" в которой располагаются изображения для данного меню. Все виды меню построены на CSS и списках UL LI, что обеспечивает легкое редактирование и добавление пунктов меню при необходимости.

1. Темно синее CSS меню.
1

Меню в темно синем стиле 100% ширины.




Демо
Скачать

2. Стильное зеленое меню.
2

Меню в зеленом стиле подойдет для многих цветов фона.



Демо
Скачать

3. Глянцевое меню.
3

Чёрное меню с оранжевым эффектом при наведении и зеркальным отблеском, применяется на белом фоне.

Демо
Скачать

4. Стильное коричневое меню.
4

Меню в коричневом цвете, затемняющееся при наведении кусора.



Демо
Скачать

5. Черное глянцевое меню.
5

Черное меню с глянцевым эффектом на белом фоне.



Демо
Скачать

6. Округлое синее меню.6

Синее меню с закругленными углами и красивым эффектом при наведении, может использоваться на белом фоне.

Демо
Скачать

7. Разноцветное меню7

Разноцветное меню с эффектом разгибания уголка при наведении.




Демо
Скачать

8. Шоколадный стиль меню.
8

Меню в шоколадном стиле с эффектом выпуклости при наведении.


Демо
Скачать

9. Блейзер меню.9

Блейзер меню, с интересным эффектом при наведении которое, может быть использовано на любом светлом фоне.

Демо
Скачать

10. Flasy меню.10

Черное меню с зеленым эффектом свечения при наведении курсора.



Демо
Скачать

11. Orcom меню.11

Меню с удивительным эффектом при наведении курсора, ширина меню установлена в 700 px.

Демо
Скачать

12. Oplaz Css меню.12

Css меню с простым эффектом при наведении курсора, шириной 700 px и зеркальным эффектом.

Демо
Скачать

13. Quaza CSS меню.13

Темно красное меню, длиной 700 px с простым эффектом при наведении и оранжевым активным пунктом.

Демо
Скачать

14. Flosy CSS меню.14

CSS меню с эффектом рамки при наведении на пункт, меню сделано с применением одного изображения.

Демо
Скачать

15. Vonso CSS меню.15
CSS меню с красивым фоном.





Демо
Скачать

16. Razer меню.16

Простое меню с двумя различными эффектами при наведении и для активного пункта меню.

Демо
Скачать

17. Brány CSS меню.17

Простое меню с закругленными углами.



Демо
Скачать

18. Capzl CSS меню.18

Глянцевое горизонтальное меню с зеркальным отражением.


Демо
Скачать

19. Skin CSS меню.19

Горизонтально меню со скругленными углами и активными пунктами в виде вкладок.





Демо
Скачать

20. Nozml меню.20

Простое меню, сделанное без использования изображений, его можно размещать в верхней части шапки сайта, для отображения основных важных пунктов.

Демо
Скачать

21. Rapak CSS меню.21

Горизонтальное меню с красивым фоном и эффектом рамки при наведении курсора на пункт.




Демо
Скачать

22. Czoo CSS меню.22

Простое горизонтальное меню 100%, ширины с эффектом при наведении курсора.




Демо
Скачать

23. Sapy CSS меню.23

Классическое горизонтальное меню, может быть использовано практически для любого сайта.

Демо
Скачать

24. Голубое CSS меню.24

Меню с красивым фоном, имеющим изогнутый вид.




Демо
Скачать

25. Cremy CSS меню.25

Меню с затемненными уголками пунктов, может быть использовано на светлых и темных фонах.

Демо
Скачать

26. Sloon CSS меню.26

Светлое меню с оранжевыми активными пунктами.


Демо
Скачать

27. Artine CSS меню.27

Креативное горизонтальное меню.



Демо
Скачать

28. Woody CSS меню.28

Меню с необычным оформлением пунктов.




Демо
Скачать

29. Серебристое меню.29

Серебристое меню с удивительным эффектом при наведении курсора, может использоваться на белом фоне.

Демо
Скачать

30. Глянцевое меню.30

Черное глянцевое меню с зеркальным отражением и синим эффектом при наведении курсора.

Демо
Скачать

Файлы для скачивания

Материал подготовлен проектом: WebMasterMix.ru
Источник

 
Рекомендуем ознакомиться:
1 1 1 1 1 1 1 1 1 1 Рейтинг 4.90 (5 Голосов)