Горизонтальное CSS меню. Чистый код без картинок

Привет всем читателям и странствующим  по интернету в поисках полезной информации. И специально для тех, кто увлекается созданием сайтов покажу пример простого CSS меню, которое сделано без какой-либо графики, в отличии от jQuery меню. Только чистый CSS код. Это горизонтальное меню css имеет следующие свойства: при наведении курсора на кнопку меню, меняется ее цвет и положение. Также меняется цвет и положение при нажатии на кнопку.

Такое меню является достаточно простым. Состоит оно из 2-х файлов: index.html к которому подключен style.css. Идеально подойдет для сайтов сверстанных на чистом html и css коде, что благотворно влияет на скорость загрузки страниц сайта. Также можно перейти на CSS меню сайтам, перегруженных графикой, чтобы снизить нагрузку на сервер и ускорить сайт в разы. Предлагаю Вам посмотреть демонстрационную версию меню и скачать исходные файлы CSS меню. Это простые примеры оформления с помощью CSS. Но есть приемы и посложнее, например как подключить шрифт к сайту.

ДемоСКАЧАТЬ