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

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

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

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

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

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

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

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

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

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

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

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

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

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

Глобус