Одна кнопка вертикальное меню аккордеон CSS + javascript
Сложная очень эффектная вертикальная навигация на javascript в стиле аккордеон реализованная одной кнопкой
Меню реализовано списком определений, в описание определения вложен маркированный список и вся эта красота спрятана в одной кнопке. Раскрывающийся список меню абсолютно позиционирован и раскрывается поверх всех элементов на странице, что бывает очень удобно при нехватке или экономии места. Меню корректно работает во всех нормальных браузерах, код валидный DTD XHTML 1.0 Strict, валидацию можно проверить кнопочкой внизу справа на примере меню.
Меню реализовано списком определений, в описание определения вложен маркированный список и вся эта красота спрятана в одной кнопке. Раскрывающийся список меню абсолютно позиционирован и раскрывается поверх всех элементов на странице, что бывает очень удобно при нехватке или экономии места. Меню корректно работает во всех нормальных браузерах, код валидный DTD XHTML 1.0 Strict, валидацию можно проверить кнопочкой внизу справа на примере меню.
Горизонтальная и вертикальная навигация для сайта с эффектом нажатой кнопки
Автор: Admin Категория: Меню навигации Теги: Горизонтальное меню, Вертикальное меню Дата: 1-03-2011, 18:43
Как сделать эффект нажатой кнопки
Представляю вашему вниманию самый простой способ создания эффекта нажатия кнопки для навигации сайта. Код меню валидный DTD XHTML 1.0 Strict. Способ на столько прост, что и описывать нечего, приведу сразу пример готового кода.
Эффект создаётся путём изменения цвета рамки и смещения якоря ссылки при наведении курсора мыши на ссылку навигации.
Представляю вашему вниманию самый простой способ создания эффекта нажатия кнопки для навигации сайта. Код меню валидный DTD XHTML 1.0 Strict. Способ на столько прост, что и описывать нечего, приведу сразу пример готового кода.
Эффект создаётся путём изменения цвета рамки и смещения якоря ссылки при наведении курсора мыши на ссылку навигации.
Простое круглое меню на CSS с описанием категории при наведении на иконку
Автор: Admin Категория: Меню навигации Теги: Горизонтальное меню, Вертикальное меню, Круглое меню Дата: 1-03-2011, 18:25
Пример простого круглого меню на CSS с описанием категории при наведении на иконку
Представляю вашему вниманию готовое решение - Простое круглое меню на CSS с описанием категории при наведении на иконку, которое я подсмотрел на замечательном сайте cssplay. Код меню валидный DTD XHTML 1.0 Strict будем потихоньку переходить на Строгий синтаксис XHTML.
Меню реализовано простым маркированным списком, при наведении курсора мышки на иконку - в центре меню появляется краткое описание категории, длина краткого описания ограничена! увидеть ограничение длины описания можно опытным путём
Картинки иконок должны быть с прозрачным фоном и того же размера что и в примере, рациональнее использовать PNG иконки с прозрачным фоном так как качество PNG иконок гораздо выше чем GIF.
Пожалуй, больше добавить тут нечего, меню замечательное, его нужно просто видеть, всё очень просто и понятно.
Представляю вашему вниманию готовое решение - Простое круглое меню на CSS с описанием категории при наведении на иконку, которое я подсмотрел на замечательном сайте cssplay. Код меню валидный DTD XHTML 1.0 Strict будем потихоньку переходить на Строгий синтаксис XHTML.
Меню реализовано простым маркированным списком, при наведении курсора мышки на иконку - в центре меню появляется краткое описание категории, длина краткого описания ограничена! увидеть ограничение длины описания можно опытным путём
Картинки иконок должны быть с прозрачным фоном и того же размера что и в примере, рациональнее использовать PNG иконки с прозрачным фоном так как качество PNG иконок гораздо выше чем GIF.
Пожалуй, больше добавить тут нечего, меню замечательное, его нужно просто видеть, всё очень просто и понятно.
Очень красивое стильное навороченное круглое выпадающее 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.
Менюшка корректно работает во всех современных браузерах, приятная особенность - если выпадающий список не помещается в окне браузера, то он автоматом отображается с другой стороны(поумолчанию списки выпадают вправо, а если менюшка широкая и выпадающий список не помещается в окне, то он выпадает влево) Код с коментариями и вам не составит труда отредактировать менюшку под свои нужды.