Круглое css3 меню звезда

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, Вертикальное меню, Круглое меню, CSS3    Дата: 18-04-2011, 18:45
Круглое css3 меню звездаЗамечательный пример круглого CSS3 меню
Меню реализовано простым маркированным списком с плавающими элементами списка, в основе реализации точный расчёт размеров всех картинок таким образом чтобы картинки находились строго на своих местах без применения координатного позиционирования, картинки смещаются просто отступами сверху или снизу и таким образом располагаются вокруг основной картинки восьмиконечной звезды. Очень интересная реализация, это не просто круглое меню, а замечательный пример точного математического расчёта в CSS.
  • 100
     Просмотров: 7 012      Комментариев: 1   

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

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

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

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

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

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

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

Глобус