Тему создания меню также нельзя обойти стороной поскольку, как и прочие элементы. Данный элемент существенно влияет на визуальное восприятие сайта. О формате визуализация меню можно говорить много и долго. Меня лично заинтересовали способы создания горизонтального меню. На этой теме я и буду акцентировать внимание.
Для начала я решила попробовать реализовать самые простые примеры, чтобы иметь общее представление.
Первый, самый простой вариант горизонтального меню можно прописать вот таким несложным способом.
Второй, простенький способ создания меню для знатоков html-а и css-а.
Всего в одной статейке не пропишешь именно по этому подкину всем желающим еще несколько полезных линков на очень даже миленький и простенькие менюшки:
http://www.clone.h16.ru/css-js/2/
http://www.jongol.ru/css/solid-block-menu.html
http://www.seo-copywrite.ru/web6/
http://www.alexilin.ru/centered-horizontal-menu/
Третий способ создания специфического меню, который не могла оставить без внимания. Порой очень даже удобное меню, которое сразу объясняет, куда приведет тот или иной пункт меню, или разъяснит, что он значит.
Четвертый вариант выпадающего горизонтального меню для страниц с "резиновым" дизайном. Замечательный, на мой взгляд, способ, который можно легко реализовать.
Пятый вариант, более сложный, но встречается довольно таки часто, а значит стоит внимания. Здесь также есть меню и подменю. Прелесть данного способа состоит в том, что он прописан достаточно просто, то есть спокойно можно разобраться. Итак, смотрим:
Еще один – шестой вариант горизонтального меню с подменю. Чтобы не создавать «испорченный телефон» предлагаю прочесть все от первоисточника.
В завершение еще несколько ресурсов, которые наверняка будут полезными при создании горизонтального меню и не только:
http://www.stunicholls.com/menu/index.html
http://www.noupe.com/css/multilevel-drop-down-navigation-menus-examples-and-tutorials.html
http://cssor.ru/css/polezno-interesnoe/cssmenu
0 коментарі:
Дописати коментар