Вертикальное выпадающее меню на jQuery с иконками категорий

Автор: Admin    Категория: Меню навигации    Теги:  Вертикальное меню, jQuery    Дата: 1-03-2011, 03:11
Вертикальное выпадающее меню на jQuery с иконками категорийПростое вертикальное выпадающее меню на jQuery с иконками категорий
Очень интересная, простая вертикальная менюшка на jQuery с иконками категорий. Менюшка сделана на основе вложенных списков с возможностью любому пункту меню назначить свою иконку, пункту меню с вложением автоматом добавляется картинка стрелочка.
Код с необходимыми коментариями, так что всё должно быть понятно.
Редактируйте код как нужно для своего сайта, вставляйте свои иконки и пользуйтесь на здоровье!
  • 100
     Просмотров: 10 142      Комментариев: 0   

Стильное горизонтальное меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и тень

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, jQuery    Дата: 1-03-2011, 02:47
Стильное горизонтальное меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и теньРеализация горизонтального меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и тень
Стильное горизонтальное меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и тень(внешнее свечение при наведении).
Код с комментариями, так что не составит труда отредактировать меню под свой сайт.
Так же хочу отметить, что если будут применяться PNG иконки с прозрачностью(как в моём примере), то в IE6 это не работает - прозрачный фон будет белым! Лечится это легко - фиксом для IE6 или использованием GIF иконок с прозрачностью, что приведёт к потере качества иконок.
Я не сторонник поддержки старых браузеров и не пользуюсь фиксами и хаками для IE6, поэтому фикс не выкладываю и призываю всех - Не пользоваться старыми браузерами!
Менюшка коректно работает во всех новых браузерах кроме IE(не поддерживает свойства CSS3)
  • 100
     Просмотров: 5 073      Комментариев: 2   

Горизонтальное меню с автопрокруткой и всплывающей подсказкой на jQuery

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, jQuery    Дата: 1-03-2011, 02:23
Горизонтальное меню с автопрокруткой и всплывающей подсказкой на jQueryРеализация горизонтального меню с автопрокруткой и всплывающей подсказкой на jQuery
Красивая горизонтальная менюшка с автопрокруткой и всплывающей подсказкой на jQuery.
В коде есть необходимые коментарии, так что как отредактировать менюшку для своего сайта будет понятно.
В архиве есть PSD исходник для создания своих иконок.
Всплывающая подсказка так же работает на jQuery
Менюшка работает во всех браузерах корректно, кроме IE(работает, но не так как задумывалось)
  • 100
     Просмотров: 4 901      Комментариев: 1   

Качественное горизонтальное выпадающее меню CSS + Mootools javascript

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню    Дата: 1-03-2011, 01:53
Качественное горизонтальное выпадающее меню CSS + Mootools javascriptПример реализации качественного горизонтального выпадающего меню CSS + Mootools javascript
Готовая к использованию менюшка на CSS + javascript с возможностью перехода по пунктам всего меню с клавиатуры, возможны разные уровни вложенности, работает как с включенным так и с отключенным яваскриптом.
Код с коментариями, разбираться там особо нечего, просто бери и пользуйся.
  • 100
     Просмотров: 8 079      Комментариев: 1   

Простое готовое к использованию горизонтальное выпадающее CSS меню

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню    Дата: 1-03-2011, 01:02
Простое готовое к использованию горизонтальное выпадающее CSS менюКак сделать простое, готовое к использованию, горизонтальное выпадающее CSS меню
Самая простая менюшка, проще некуда.
  • 100
     Просмотров: 11 822      Комментариев: 0   

Мини Курс Основы CSS Часть 1

Автор: Admin    Категория: Основы / CSS    Теги:  CSS    Дата: 28-02-2011, 19:56

Что такое CSS


Цель данного мини курса - дать Вам базовые знания CSS, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!.


В первую часть мини курса вошли уроки:
Урок 1 Начало: Вы узнаете об основах базовой модели CSS и о том, какие коды необходимо использовать для CSS в HTML-документе.
Урок 2 Фон и цвет в CSS: В этом уроке вы научитесь, как использовать цвета и фон на ваших web-сайтах.
Урок 3 Шрифты в CSS: Управление шрифтами с помощью CSS.
Урок 4 Текст в CSS: В этом уроке вы увидите возможности CSS при форматировании(отображении) текста.
  • 100
     Просмотров: 14 565      Комментариев: 4   

Мини Курс Основы CSS Часть 2

Автор: Admin    Категория: Основы / CSS    Теги:  CSS    Дата: 28-02-2011, 18:44

Что такое CSS


Возможно, вы уже слышали о CSS, но не знаете, что это такое. В этом мини курсе вы узнаете, что такое CSS и что он может сделать для вас.

Вторая часть мини курса - Цель данного мини курса - дать Вам базовые знания CSS, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!.


Во вторую часть мини курса вошли уроки:
Урок 5: Ссылки в CSS
Урок 6: Идентификаторы(id) и классы(class) в CSS

Статья в процессе написания, добавляются новые уроки.

  • 100
     Просмотров: 5 103      Комментариев: 0   

Мини Курс Основы HTML Часть 1

Автор: Admin    Категория: Основы / HTML    Теги:  HTML    Дата: 23-02-2011, 22:31

Что такое HTML?
HTML это "родной язык" вашего браузера (программы просмотра вэб-страниц).

Цель данного мини курса - дать Вам базовые знания HTML, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!


В первую часть мини курса вошли уроки:
Урок 1: Начало:В этом первом уроке мы кратко представим вам утилиты, которые нужны для создания web-сайта.
Урок 2: Что такое HTML-тэги: Теперь вы готовы начать изучение HTML-тэгов.
Урок 3: Создайте свой первый сайт: Вы уже через несколько минут создадите свой первый web-сайт.
Урок 4: Повторим то, что уже знаем: Всегда начинайте работу с базового шаблона.
Урок 5: Ещё немного HTML-тэгов: Теперь выучим семь новых тэгов.
Урок 6: Атрибуты: В некоторых тэгах вы можете вводить дополнительную информацию. Такая дополнительная информация называется "атрибут".
  • 100
     Просмотров: 16 380      Комментариев: 1   

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус