Рисуем иконку календаря с помощью CSS3

Рисуем иконку календаря с помощью CSS3 Всем снова здравствуйте! Все мы привыкли видеть на страницах сайтов и блогов, в записях или комментариях, иконки дат календаря, обозначающие дату. Фича без сомнения полезная во многих отношениях, но согласитесь, мало кто напрягался по поводу того, как эти иконки создавались. Чаще всего вывод дат прописан в шаблонах в виде подгружаемой готовой картинки или же ставится какой-нибудь плагин, в котором все эти прибамбасы предусмотрены, и опять же с ...

Вертикальное меню для сайта на CSS

В очередной раз, с завидным упорством хочу обратить Ваше внимание на решение по изготовлению навигационного меню на страницах сайта.
Как мы не раз уже убеждались, способов создания, различных методик да и уже готовых к использованию менюшек, существует огромное количество. Предложить что-нибудь этакое довольно сложно, так что обратимся к проверенному и уже нам знакомому решению создания блока меню с помощью каскадных таблиц стилей (CSS).
Всегда хочется, чтобы меню было не только функциональным, но и выглядело красиво и поменьше мороки с кодом на страницах HTML.
 
Давайте рассмотрим весь процесс изготовления интересного, вертикального меню для сайта, построенного полностью на использовании CSS и небольшого файла изображения, которое Вы с легкостью сможете отредактировать под свои нужды.

Меню «Аккордеон» без javascript и изображений

Меню «Аккордеон» без javascript и изображений

Все чаще и чаще на страницах сайтов можно встретить использование меню навигации в стиле "аккордеон". Широкое применение такой вид меню находит у разработчиков тем для Wordpress, это и понятно, компактность и информативность, а так же стиль оформления делают "аккордеон" все более популярным.
В плане оформления и способов вывода таких блоков на страницы сайта работают ребята с размахом, благо есть где развернуться.

Анимированная Форма Входа и Регистрации

Анимированная Форма Входа и Регистрации

Здравствуйте всем!

Сегодня я хочу рассказать и показать на примере, как с помощью JQuery создать простую и функциональную форму "входа" с возможностью переключения на форму "регистрации" и "восстановления пароля". Идея заключается в том, что когда пользователь переходит из одной формы в другую,  новая форма открывается в этом же окне без перезагрузки страницы, с расширением или сжатием контейнера до размеров новой формы.

Как уже упоминалось выше, мы будем задействовать три самых распространенных вида форм, это "Вход", "Регистрация" и конечно же "Восстановление Пароля".

На тот случай, если у пользователя отключен JavaScript (застарелая фобия), созданы статичные страницы соответствующие формам, так что переключение сработает при любом раскладе.

Создаем блок навигации в стиле Аккордеон

Создаем блок навигации в стиле Аккордеон Сегодня расскажу и покажу как сделать простой и красивый, а главное функциональный блок навигации в стиле "Аккордеон". С различными видами и формами таких навигационных панелей, наверняка сталкивался каждый блуждая по просторам Интернета. Все большую популярность обретает этот стиль в среде блогеров, с повышением информативности блогов, встает остро вопрос свободного пространства на страницах дневников и других ресурсов. "Аккордеон" позволяет ...

Стильные CSS3 — кнопки без графики

Стильные CSS3 — кнопки без графики

Доброго времени суток!

Встретили Новый год, пришли в себя от бурных празднований и начнем по тихому, без суеты, искать новые решения использования различных техник создания и обустройства наших сайтов. Сегодня, дабы не нагружать уставший разум, хочу начать с малого, рассказать об интересных способах оформления и вывода кнопок на страницы сайта, без использования изображений и дополнительной разметки.

Простые подсказки с CSS и JQuery

Всем снова здравствуйте.
Подсказки для ссылок, изображений или отрывков текста, все больше и больше становятся востребованы при организации будь то блога или сайта. В очередной раз и я обратил свое внимание на интересный способ создания простых подсказок с помощью CSS и JQuery.
Простыми подсказки обозвал не из за их скромного оформления, внешний вид получился даже очень привлекательный, благодаря новым возможностям применения CSS. Простые подсказки получились в плане их исполнения и вывода на страницах сайтов.
В отличии от предложенного ранее способа в статье Свой стиль для подсказки с помощью jQuery, сегодняшний метод отличается быстротой реагирования при наведении на объект и расширенным кругом применения.

Свой стиль для подсказки с помощью jQuery

Свой стиль для подсказки с  помощью jQuery Всем снова здравствуйте! Как не трудно догадаться из названия, сегодня хочу рассказать об очередном способе оформления и вывода подсказок на страницы сайта. Способов много и все они разные, как по качеству исполнения, так и по конечному результату. В этом плане выбор существует огромный, на любой вкус и цвет, от самых простеньких и невзрачных до тяжеловесных, с использованием фоновых изображений и различных плагинов. Как то я расписывал один из ...

Галереи для сайта с помощью Highslide JS

Галереи для сайта с помощью Highslide JS Продолжим планомерно и без лишней суеты описание открывшихся возможностей при использовании скрипта Highslide JS В предыдущем обзоре я рассказал об эффектном увеличении отдельных изображений с помощью этой технологии, кто пропустил, или просто забыл, можете освежить свою память:  Тынц »». Так, память освежили, голова работает ясно, можно продолжать. Highslide отличается от других скриптов данной направленности своей функциональностью. ...

Отличное многоуровневое меню с jQuery

Интернет площадки все больше расширяются и сейчас уже мало кого интересуют простенькие менюшки. Увеличивается количество тем и рубрик, а вместе с этим встает вопрос об упрощении навигации по страницам и разделам сайтов. Благо сейчас стали широко применяться различные техники создания многоуровневых меню навигации с помощью свойств CSS3 и jQuery. Ранее я уже описывал, некоторые способы создания навигационных меню, например Создание выпадающего ...

Zoom — Увеличение Изображения с jQuery

Доброго всем времени суток. Наверняка большинство из Вас уже знакомы с интересным zoom-эффектом для фотографий. Для тех же кто еще прибывает в неведении немного поясню, идея заключается в плавном увеличении изображения при наведении или клике на него. Про работу такого же, но не много видоизмененного эффекта я рассказывал ранее: Эффект уменьшения фото с jQuery. Сегодня я покажу Вам как создать простой эффект зума с помощью jQuery. ...

Неоновый эффект для форм с помощью CSS3 и JQuery

Формы бывают разные, красивые и безобразные. Получилось в рифму, но это так, немного лирики в начале. А если серьезно, то форм различной направленности и оформления, существует несметное количество. Отличаются они функциональностью, техникой размещения и появления на страницах сайтов, ну и конечно же количеством полей ввода информации. Все труднее становится найти что то новое в оформлении форм, привлечь внимание пользователей. Тут уж кто во что ...
1 2 3 4 5 6
Рейтинг@Mail.ru