Dobrovoi Master
сделано с душой

В состоянии постоянного подключения...

Чистый стиль меню с помощью CSS3

Чистый стиль меню с помощью CSS3 Всем снова здравствуйте! В своих статьях, я не раз обращался к различным способам создания навигационных меню для сайтов. Рассматривались менюшки на любой вкус и цвет, навигация в популярном стиле "аккордеон", горизонтальные и вертикальные, с использованием javascript и картинок, не мало внимания уделялось многоуровневым меню на jQuery. Как вы понимаете способы создания меню ограничены лишь фантазией разработчиков, а она у них воистину ...

Модальное окно с полосой прокрутки

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

Ротатор контента в модальном окне

Здравствуйте всем! Написать эту статью навел меня на мысль один комментарий к записи о создании модального окна.В своем комментарии читатель задает вопрос, а можно ли интегрировать, встроить внутрь модального окна, какой-нибудь слайдер, и не только для картинок, но и для текстового содержания, что-то типа не большой автоматической листалки.Меня эта идея заинтересовала и я стал искать решение, идея оказалась не нова, но что-нибудь ...

Интеграция контактной формы в модальное окно

Всем доброго времени суток! В продолжение темы о создании контактной формы, сегодня хочу рассказать, о простом способе интеграции этой самой формы в модальное окно, тем самым предоставить отличную возможность вашим читателям отправлять сообщения с любой страницы, или отдельной записи сайта (блога). Обновлено: 31.10.2014 У нас есть вполне приличная контактная форма, сверстанная на чистом css, как заделать работоспособное модальное окно, мы ...

Стиль контактной формы CSS

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

Меню «аккордеон» на основе jQuery и CSS

Меню «аккордеон» на основе jQuery и CSS

Всем, снова здравствуйте.
Давно не обращался к разработке меню для сайтов, а технологии не стоят на месте, да и наш пытливый ум не дает покоя. В комментариях к записи о способе создания Меню «Аккордеон» без javascript и изображений меня спрашивали, как сделать такое меню с открытием ссылок не при наведении, а при нажатии на пункт меню. Сегодня именно о таком способе построения навигации и пойдет речь, мы рассмотрим технику создания меню в стиле "аккордеон" на основе CSS и совсем немного jQuery.

CSS3 Градиент для кнопок

Совсем недавно я рассказывал о том как добиться правильного отображения градиента CSS в современный браузерах. Можно посчитать воплями в пустоту все мое повествование, если не рассказать о практическом применении градиент функции CSS. Отличным и незамысловатым примером может послужить создание кнопок для сайта, исключительно средствами CSS, не используя каких либо дополнительных изображений и javascript. Размер кнопок легко регулируется путем ...

Вертикальное меню навигации CSS с подменю

В недавнем прошлом я подробно расписывал способ и технику создания "Вертикального меню для сайта". Мы рассмотрели решение выполнения простой навигации, построенной полностью на использовании CSS и небольшого файла изображения. В своих комментариях читатели высказались о том, что вариант с вложенными подпунктами не был бы лишним, ну что же, как говориться: сказано - сделано. Сегодня опишу, какие изменения необходимо внести в css и разметку html, ...

Эффект тени box-shadow CSS без изображений

Эффект тени box-shadow CSS без изображений Всем снова здравствуйте.Продолжаем эксперименты с новыми свойствами CSS3. Сегодня распишу технику создания эффекта drop-shadows, что в вольном переводе означает - "падающая тень". Ранне я рассказывал о приемах оформления границ блока с помощью CSS, в которых широко применялся параметр box-shadow, а так же наверняка всем хорошо известен стиль создания тени для текста text-shadow . Мне хотелось добиться не просто теневого оформления границ, ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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