Недавно начал баловаться с CSS3-трансформациями и анимациями, и вот - выкладываю простенькую горизонтальную менюшку. Вид меню вы можете просмотреть на скриншоте (скриншот анимированный). Как видите, изначально меню частично скрыто вверху, при наведении оно выезжает полностью.
Т.к. меню сделано с использованием CSS3, эффекты не работают в IE. Но само меню отображается корректно.
Демо: смотреть
6067461Меню в стиле Flat- Автор: Kelin - Категория: Рецепты HTML и CSS
В продолжение верстки выкладываю также меню в стиле Flat. Собственно, простенькое меню, в пункты меню можно вложить выпадающее меню и количество чего-либо. В меню используются иконки от сайта icomoon.io. Демо меню вы можете просмотреть здесь.
UPD (24.07.2013): Совершенно случайно увидел, что забыл добавить код, необходимый для работы выпадающего меню. Теперь добавил.
UPD (24.07.2013): Совершенно случайно увидел, что забыл добавить код, необходимый для работы выпадающего меню. Теперь добавил.
4468035Стилизация календаря uCoz под стиль Flat- Автор: Kelin - Категория: Прочие скрипты
Серфил по интернету в поисках дельных PSD-исходников, наткнулся на календарь. Решил сверстать и поделиться с вами версткой. В PSD этот календарь был почти на весь экран, в верстке масштаб, конечно, поменьше. Есть несколько цветовых вариантов календаря: синий, зеленый, желтый, оранжевый, красный, фиолетовый и черный. Еще сделал несколько вариантов по размерам: большой - растягивается на всю ширину родительского блока, имеет большие отступы и размер шрифта; стандартный - средние шрифты и отступы, календарь шириной в 335px; маленький - мелкий шрифт и отступы, календарь шириной в 225px. Также есть "закомментированная" строка, которая позволяет установить собственную ширину календарю.
3057015Кнопки социальных сетей- Автор: Kelin - Категория: Рецепты HTML и CSS
2833118Верстка красивого горизонтального меню- Автор: z1MO_ok - Категория: Рецепты HTML и CSS
Красивое и солидное горизонтальное меню в синих тонах, сверстано с PSD-исходника. В архиве есть все, что нужно, также вы можете посмотреть демонстрацию работы скриптаю.
1987127Пак CSS & JQ рецептов- Автор: Kelin - Категория: Рецепты HTML и CSS
Так как идей для скриптов нет, я решил побаловаться с CSS и jQuery и сделал для вас небольшой пак разработок. В паке 4 "рецепта" на CSS и jQuery, а именно:
Все разработки полностью и легко редактируются, область применения их ограничивается лишь вашей фантазией.
Если вы хотите, чтобы мы выкладывали подобные паки еженедельно, напишите свое мнение об этом в комментариях.
- CSS3-Меню - черное выпадающее меню с красивыми эффектами анимации. [ демо ]
- JQ-хинт - стилизованная альтернатива работе атрибута title и alt, т.е. при наведении на объект с атрибутом "hint" появляется стилизованная всплывающая подсказка вместо обычной. [ демо ]
- JQ-подсказка - при наведении на любой объект, содержащий атрибут help-descr, в определенном блоке появляется содержимое этого атрибута. Создав несколько объектов с атрибутом help-descr, можно получить блок информации. [ демо ]
- JQ-галерея - при клике по картинке, она плавно меняется на другую.[ демо ]
Все разработки полностью и легко редактируются, область применения их ограничивается лишь вашей фантазией.
Если вы хотите, чтобы мы выкладывали подобные паки еженедельно, напишите свое мнение об этом в комментариях.