Вертикальное выпадающее меню на 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 с возможностью перехода по пунктам всего меню с клавиатуры, возможны разные уровни вложенности, работает как с включенным так и с отключенным яваскриптом.
Код с коментариями, разбираться там особо нечего, просто бери и пользуйся.
Простое готовое к использованию горизонтальное выпадающее CSS меню
Как сделать простое, готовое к использованию, горизонтальное выпадающее CSS меню
Самая простая менюшка, проще некуда.
Самая простая менюшка, проще некуда.
Мини Курс Основы CSS Часть 1
Что такое CSS
Цель данного мини курса - дать Вам базовые знания CSS, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!.
В первую часть мини курса вошли уроки:
Урок 1 Начало: Вы узнаете об основах базовой модели CSS и о том, какие коды необходимо использовать для CSS в HTML-документе.
Урок 2 Фон и цвет в CSS: В этом уроке вы научитесь, как использовать цвета и фон на ваших web-сайтах.
Урок 3 Шрифты в CSS: Управление шрифтами с помощью CSS.
Урок 4 Текст в CSS: В этом уроке вы увидите возможности CSS при форматировании(отображении) текста.
Мини Курс Основы CSS Часть 2
Что такое CSS
Возможно, вы уже слышали о CSS, но не знаете, что это такое. В этом мини курсе вы узнаете, что такое CSS и что он может сделать для вас.
Вторая часть мини курса - Цель данного мини курса - дать Вам базовые знания CSS, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!.
Во вторую часть мини курса вошли уроки:
Урок 5: Ссылки в CSS
Урок 6: Идентификаторы(id) и классы(class) в CSS
Статья в процессе написания, добавляются новые уроки.
Мини Курс Основы HTML Часть 1
Что такое HTML?
HTML это "родной язык" вашего браузера (программы просмотра вэб-страниц).
Цель данного мини курса - дать Вам базовые знания HTML, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!
В первую часть мини курса вошли уроки:
Урок 1: Начало:В этом первом уроке мы кратко представим вам утилиты, которые нужны для создания web-сайта.
Урок 2: Что такое HTML-тэги: Теперь вы готовы начать изучение HTML-тэгов.
Урок 3: Создайте свой первый сайт: Вы уже через несколько минут создадите свой первый web-сайт.
Урок 4: Повторим то, что уже знаем: Всегда начинайте работу с базового шаблона.
Урок 5: Ещё немного HTML-тэгов: Теперь выучим семь новых тэгов.
Урок 6: Атрибуты: В некоторых тэгах вы можете вводить дополнительную информацию. Такая дополнительная информация называется "атрибут".