Очень красивое стильное навороченное круглое выпадающее CSS меню для сайта
Автор: Admin Категория: Меню навигации Теги: Горизонтальное меню, Вертикальное меню, Круглое меню Дата: 1-03-2011, 18:00
Круглое, стильное, очень красивое выпадающее CSS меню для сайта
Всё самое свежее и интересное в основном можно найти только на буржуйских сайтах, и вот на одном таком замечательном сайте ВОТ ЗДЕСЬ я подсмотрел очень красивое, стильное, навороченное, круглое, выпадающее CSS меню для сайта. Меню сделано очень качественно и профессионально не подкопаешься. Реализовано меню простым списком с одним уровнем вложенности, при наведении на иконку - вложенный список выпадает вовнутрь круглого меню, формируя таким образом ещё один круг меньшего диаметра и с иконками меньшего размера. Я немного поправил оригинальный код - отключил поддержку IE6 и так, по мелочам подкорректировал.
Всё самое свежее и интересное в основном можно найти только на буржуйских сайтах, и вот на одном таком замечательном сайте ВОТ ЗДЕСЬ я подсмотрел очень красивое, стильное, навороченное, круглое, выпадающее CSS меню для сайта. Меню сделано очень качественно и профессионально не подкопаешься. Реализовано меню простым списком с одним уровнем вложенности, при наведении на иконку - вложенный список выпадает вовнутрь круглого меню, формируя таким образом ещё один круг меньшего диаметра и с иконками меньшего размера. Я немного поправил оригинальный код - отключил поддержку IE6 и так, по мелочам подкорректировал.
Стильное необычное очень красивое круглое CSS меню для сайта в виде пчелиных сот
Автор: Admin Категория: Меню навигации Теги: Горизонтальное меню, Вертикальное меню, Круглое меню Дата: 1-03-2011, 17:19
Стильное, необычное, очень красивое, круглое CSS меню для сайта в виде пчелиных сот реализованное маркированным списком
Когда-то, когда я рисовал и верстал свой первый сайт, мне очень хотелось сделать себе что-то особенное, необычное. На одном буржуйском сайте я увидел круглое меню в виде пчелиных сот, мне так оно понравилось, и я захотел сделать себе что-то похожее. Но, в то время я не располагал достаточными знаниями и навыком, было очень обидно, но такое меню я сделать не смог, потому как для его реализации нужно очень неплохо знать фотошоп и, естественно, CSS.
Теперь я запросто могу сделать такую менюшку, и вот, я решил сделать и поделиться с вами стильным, необычным, очень красивым CSS меню для сайта в виде пчелиных сот.
Меню сделано списком, фоном которого является целиковая картинка-меню, при наведении на ссылку подгружается абсолютно позиционированный фон ссылки с Z-индексом большим фона списка. Самое сложное это расчитать координаты фона ссылок, что бы он абсолюнто точно совпал с основным фоном.
В архив добавляю два PSD исходника для возможности редактирования графической части меню под свои нужды.
Когда-то, когда я рисовал и верстал свой первый сайт, мне очень хотелось сделать себе что-то особенное, необычное. На одном буржуйском сайте я увидел круглое меню в виде пчелиных сот, мне так оно понравилось, и я захотел сделать себе что-то похожее. Но, в то время я не располагал достаточными знаниями и навыком, было очень обидно, но такое меню я сделать не смог, потому как для его реализации нужно очень неплохо знать фотошоп и, естественно, CSS.
Теперь я запросто могу сделать такую менюшку, и вот, я решил сделать и поделиться с вами стильным, необычным, очень красивым CSS меню для сайта в виде пчелиных сот.
Меню сделано списком, фоном которого является целиковая картинка-меню, при наведении на ссылку подгружается абсолютно позиционированный фон ссылки с Z-индексом большим фона списка. Самое сложное это расчитать координаты фона ссылок, что бы он абсолюнто точно совпал с основным фоном.
В архив добавляю два PSD исходника для возможности редактирования графической части меню под свои нужды.
Стильное горизонтальное меню навигации с красивым эффектом перекатывания на jQuery
Стильная горизонтальная навигация с реализацией эффекта перекатывания на jQuery
Стильная горизонтальная навигация с эффектом перекатывания на jQuery в двух вариантах - текстовом и графическом.
Обе навигации построены горизонтальным списком, код валидный DTD XHTML 1.0 Strict, корректно работают во всех современных браузерах.
Плюсы текстового меню - очень хорошая оптимизация, минусы - красиво оформить можно только с помощью CSS(сложнее для начинающих).
Плюсы графического меню - оформить можно как угодно, нарисовать можно что угодно, оформление ограничивается лишь фантазией и знанием графических редакторов, типа Photoshop, минусы - слабая оптимизация.
Для графической навигации в архиве есть PSD исходник для создания своих пунктов.
Код с необходимыми коментариями, разбираться там особо не в чем, берём и пользуемся.
Стильная горизонтальная навигация с эффектом перекатывания на jQuery в двух вариантах - текстовом и графическом.
Обе навигации построены горизонтальным списком, код валидный DTD XHTML 1.0 Strict, корректно работают во всех современных браузерах.
Плюсы текстового меню - очень хорошая оптимизация, минусы - красиво оформить можно только с помощью CSS(сложнее для начинающих).
Плюсы графического меню - оформить можно как угодно, нарисовать можно что угодно, оформление ограничивается лишь фантазией и знанием графических редакторов, типа Photoshop, минусы - слабая оптимизация.
Для графической навигации в архиве есть PSD исходник для создания своих пунктов.
Код с необходимыми коментариями, разбираться там особо не в чем, берём и пользуемся.
Эффектное и простое вертикальное и горизонтальное Lavalamp меню на jQuery
Автор: Admin Категория: Меню навигации Теги: Горизонтальное меню, Вертикальное меню, jQuery Дата: 1-03-2011, 15:47
Эффектное и простое вертикальное и горизонтальное Lavalamp меню для сайта на jQuery 1.4.2
Очень красивые и эффектные менюшки на jQuery, необходимые библиотеки решил попробовать подключить не привычным способом с гугла, а с родного яндекса, вроде как всё работает.
Меню корректно работают во всех браузерах, кроме IE(не поддерживает CSS3), код валидный DTD XHTML 1.0 Strict.
Очень красивые и эффектные менюшки на jQuery, необходимые библиотеки решил попробовать подключить не привычным способом с гугла, а с родного яндекса, вроде как всё работает.
Меню корректно работают во всех браузерах, кроме IE(не поддерживает CSS3), код валидный DTD XHTML 1.0 Strict.
Стильное эффектное горизонтальное выпадающее меню на jQuery
Пример реализации стильного эффектного горизонтального выпадающего меню на jQuery
Качественная, стильная, простая, готовая к использованию, горизонтальная менюшка на jQuery.
Менюшка корректно работает во всех современных браузерах, приятная особенность - если выпадающий список не помещается в окне браузера, то он автоматом отображается с другой стороны(поумолчанию списки выпадают вправо, а если менюшка широкая и выпадающий список не помещается в окне, то он выпадает влево) Код с коментариями и вам не составит труда отредактировать менюшку под свои нужды.
Качественная, стильная, простая, готовая к использованию, горизонтальная менюшка на jQuery.
Менюшка корректно работает во всех современных браузерах, приятная особенность - если выпадающий список не помещается в окне браузера, то он автоматом отображается с другой стороны(поумолчанию списки выпадают вправо, а если менюшка широкая и выпадающий список не помещается в окне, то он выпадает влево) Код с коментариями и вам не составит труда отредактировать менюшку под свои нужды.
Стильное горизонтальное меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и тень
Реализация горизонтального меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и тень
Стильное горизонтальное меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и тень(внешнее свечение при наведении).
Код с комментариями, так что не составит труда отредактировать меню под свой сайт.
Так же хочу отметить, что если будут применяться PNG иконки с прозрачностью(как в моём примере), то в IE6 это не работает - прозрачный фон будет белым! Лечится это легко - фиксом для IE6 или использованием GIF иконок с прозрачностью, что приведёт к потере качества иконок.
Я не сторонник поддержки старых браузеров и не пользуюсь фиксами и хаками для IE6, поэтому фикс не выкладываю и призываю всех - Не пользоваться старыми браузерами!
Менюшка коректно работает во всех новых браузерах кроме IE(не поддерживает свойства CSS3)
Стильное горизонтальное меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и тень(внешнее свечение при наведении).
Код с комментариями, так что не составит труда отредактировать меню под свой сайт.
Так же хочу отметить, что если будут применяться PNG иконки с прозрачностью(как в моём примере), то в IE6 это не работает - прозрачный фон будет белым! Лечится это легко - фиксом для IE6 или использованием GIF иконок с прозрачностью, что приведёт к потере качества иконок.
Я не сторонник поддержки старых браузеров и не пользуюсь фиксами и хаками для IE6, поэтому фикс не выкладываю и призываю всех - Не пользоваться старыми браузерами!
Менюшка коректно работает во всех новых браузерах кроме IE(не поддерживает свойства CSS3)
Горизонтальное меню с автопрокруткой и всплывающей подсказкой на jQuery
Реализация горизонтального меню с автопрокруткой и всплывающей подсказкой на jQuery
Красивая горизонтальная менюшка с автопрокруткой и всплывающей подсказкой на jQuery.
В коде есть необходимые коментарии, так что как отредактировать менюшку для своего сайта будет понятно.
В архиве есть PSD исходник для создания своих иконок.
Всплывающая подсказка так же работает на jQuery
Менюшка работает во всех браузерах корректно, кроме IE(работает, но не так как задумывалось)
Красивая горизонтальная менюшка с автопрокруткой и всплывающей подсказкой на jQuery.
В коде есть необходимые коментарии, так что как отредактировать менюшку для своего сайта будет понятно.
В архиве есть PSD исходник для создания своих иконок.
Всплывающая подсказка так же работает на jQuery
Менюшка работает во всех браузерах корректно, кроме IE(работает, но не так как задумывалось)
Качественное горизонтальное выпадающее меню CSS + Mootools javascript
Пример реализации качественного горизонтального выпадающего меню CSS + Mootools javascript
Готовая к использованию менюшка на CSS + javascript с возможностью перехода по пунктам всего меню с клавиатуры, возможны разные уровни вложенности, работает как с включенным так и с отключенным яваскриптом.
Код с коментариями, разбираться там особо нечего, просто бери и пользуйся.
Готовая к использованию менюшка на CSS + javascript с возможностью перехода по пунктам всего меню с клавиатуры, возможны разные уровни вложенности, работает как с включенным так и с отключенным яваскриптом.
Код с коментариями, разбираться там особо нечего, просто бери и пользуйся.