Одна кнопка вертикальное меню аккордеон CSS + javascript

Автор: Admin    Категория: Меню навигации    Теги:  Вертикальное меню    Дата: 1-03-2011, 19:07
Одна кнопка вертикальное меню аккордеон CSS + javascriptСложная очень эффектная вертикальная навигация на javascript в стиле аккордеон реализованная одной кнопкой
Меню реализовано списком определений, в описание определения вложен маркированный список и вся эта красота спрятана в одной кнопке. Раскрывающийся список меню абсолютно позиционирован и раскрывается поверх всех элементов на странице, что бывает очень удобно при нехватке или экономии места. Меню корректно работает во всех нормальных браузерах, код валидный DTD XHTML 1.0 Strict, валидацию можно проверить кнопочкой внизу справа на примере меню.
  • 100
     Просмотров: 14 049      Комментариев: 7   

Горизонтальная и вертикальная навигация для сайта с эффектом нажатой кнопки

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, Вертикальное меню    Дата: 1-03-2011, 18:43
Горизонтальная и вертикальная навигация для сайта с эффектом нажатой кнопкиКак сделать эффект нажатой кнопки
Представляю вашему вниманию самый простой способ создания эффекта нажатия кнопки для навигации сайта. Код меню валидный DTD XHTML 1.0 Strict. Способ на столько прост, что и описывать нечего, приведу сразу пример готового кода.
Эффект создаётся путём изменения цвета рамки и смещения якоря ссылки при наведении курсора мыши на ссылку навигации.
  • 100
     Просмотров: 9 714      Комментариев: 1   

Простое круглое меню на CSS с описанием категории при наведении на иконку

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, Вертикальное меню, Круглое меню    Дата: 1-03-2011, 18:25
Простое круглое меню на CSS с описанием категории при наведении на иконкуПример простого круглого меню на CSS с описанием категории при наведении на иконку
Представляю вашему вниманию готовое решение - Простое круглое меню на CSS с описанием категории при наведении на иконку, которое я подсмотрел на замечательном сайте cssplay. Код меню валидный DTD XHTML 1.0 Strict будем потихоньку переходить на Строгий синтаксис XHTML.
Меню реализовано простым маркированным списком, при наведении курсора мышки на иконку - в центре меню появляется краткое описание категории, длина краткого описания ограничена! увидеть ограничение длины описания можно опытным путём
Картинки иконок должны быть с прозрачным фоном и того же размера что и в примере, рациональнее использовать PNG иконки с прозрачным фоном так как качество PNG иконок гораздо выше чем GIF.
Пожалуй, больше добавить тут нечего, меню замечательное, его нужно просто видеть, всё очень просто и понятно.
  • 100
     Просмотров: 8 867      Комментариев: 1   

Очень красивое стильное навороченное круглое выпадающее CSS меню для сайта

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, Вертикальное меню, Круглое меню    Дата: 1-03-2011, 18:00
Очень красивое стильное навороченное круглое выпадающее CSS меню для сайтаКруглое, стильное, очень красивое выпадающее CSS меню для сайта
Всё самое свежее и интересное в основном можно найти только на буржуйских сайтах, и вот на одном таком замечательном сайте ВОТ ЗДЕСЬ я подсмотрел очень красивое, стильное, навороченное, круглое, выпадающее CSS меню для сайта. Меню сделано очень качественно и профессионально не подкопаешься. Реализовано меню простым списком с одним уровнем вложенности, при наведении на иконку - вложенный список выпадает вовнутрь круглого меню, формируя таким образом ещё один круг меньшего диаметра и с иконками меньшего размера. Я немного поправил оригинальный код - отключил поддержку IE6 и так, по мелочам подкорректировал.
  • 100
     Просмотров: 10 032      Комментариев: 0   

Стильное необычное очень красивое круглое CSS меню для сайта в виде пчелиных сот

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, Вертикальное меню, Круглое меню    Дата: 1-03-2011, 17:19
Стильное необычное очень красивое круглое CSS меню для сайта в виде пчелиных сотСтильное, необычное, очень красивое, круглое CSS меню для сайта в виде пчелиных сот реализованное маркированным списком
Когда-то, когда я рисовал и верстал свой первый сайт, мне очень хотелось сделать себе что-то особенное, необычное. На одном буржуйском сайте я увидел круглое меню в виде пчелиных сот, мне так оно понравилось, и я захотел сделать себе что-то похожее. Но, в то время я не располагал достаточными знаниями и навыком, было очень обидно, но такое меню я сделать не смог, потому как для его реализации нужно очень неплохо знать фотошоп и, естественно, CSS.
Теперь я запросто могу сделать такую менюшку, и вот, я решил сделать и поделиться с вами стильным, необычным, очень красивым CSS меню для сайта в виде пчелиных сот.
Меню сделано списком, фоном которого является целиковая картинка-меню, при наведении на ссылку подгружается абсолютно позиционированный фон ссылки с Z-индексом большим фона списка. Самое сложное это расчитать координаты фона ссылок, что бы он абсолюнто точно совпал с основным фоном.
В архив добавляю два PSD исходника для возможности редактирования графической части меню под свои нужды.
  • 100
     Просмотров: 12 422      Комментариев: 0   

Стильное горизонтальное меню навигации с красивым эффектом перекатывания на jQuery

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, jQuery    Дата: 1-03-2011, 16:24
Стильное горизонтальное меню навигации с красивым эффектом перекатывания на jQueryСтильная горизонтальная навигация с реализацией эффекта перекатывания на jQuery
Стильная горизонтальная навигация с эффектом перекатывания на jQuery в двух вариантах - текстовом и графическом.
Обе навигации построены горизонтальным списком, код валидный DTD XHTML 1.0 Strict, корректно работают во всех современных браузерах.
Плюсы текстового меню - очень хорошая оптимизация, минусы - красиво оформить можно только с помощью CSS(сложнее для начинающих).
Плюсы графического меню - оформить можно как угодно, нарисовать можно что угодно, оформление ограничивается лишь фантазией и знанием графических редакторов, типа Photoshop, минусы - слабая оптимизация.
Для графической навигации в архиве есть PSD исходник для создания своих пунктов.
Код с необходимыми коментариями, разбираться там особо не в чем, берём и пользуемся.
  • 100
     Просмотров: 8 160      Комментариев: 0   

Эффектное и простое вертикальное и горизонтальное Lavalamp меню на jQuery

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, Вертикальное меню, jQuery    Дата: 1-03-2011, 15:47
Эффектное и простое вертикальное и горизонтальное Lavalamp меню на jQueryЭффектное и простое вертикальное и горизонтальное Lavalamp меню для сайта на jQuery 1.4.2
Очень красивые и эффектные менюшки на jQuery, необходимые библиотеки решил попробовать подключить не привычным способом с гугла, а с родного яндекса, вроде как всё работает.
Меню корректно работают во всех браузерах, кроме IE(не поддерживает CSS3), код валидный DTD XHTML 1.0 Strict.
  • 100
     Просмотров: 7 036      Комментариев: 0   

Стильное эффектное горизонтальное выпадающее меню на jQuery

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, jQuery    Дата: 1-03-2011, 14:55
Стильное эффектное горизонтальное выпадающее меню на jQueryПример реализации стильного эффектного горизонтального выпадающего меню на jQuery
Качественная, стильная, простая, готовая к использованию, горизонтальная менюшка на jQuery.
Менюшка корректно работает во всех современных браузерах, приятная особенность - если выпадающий список не помещается в окне браузера, то он автоматом отображается с другой стороны(поумолчанию списки выпадают вправо, а если менюшка широкая и выпадающий список не помещается в окне, то он выпадает влево) Код с коментариями и вам не составит труда отредактировать менюшку под свои нужды.
  • 100
     Просмотров: 10 458      Комментариев: 2   

Лента новостей
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>

Глобус