Dobrovoi Master
сделано с душой
В состоянии постоянного подключения...

Уроки

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

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

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

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

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

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

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

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

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

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

Создание выпадающего меню с помощью CSS

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

Меню навигации в стиле Lava-Lamp

Продолжая серию статей о различных видах меню для сайта, сегодня хочу обратить внимание всех страждущих, на отличное горизонтальное меню навигации, выполненное в стиле Lava-Lamp. Что это за стиль такой, расписывать не буду, кому вдруг станет интересно, могут почитать о нем у достопочтенных буржуинов: lava-lamp style. Мы же с Вами рассмотрим сам способ создания такого меню,…

Создание эффекта раскрытия для миниатюр с помощью CSS и JQuery

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

Создаем меню для сайта

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

Всплывающие подсказки к ссылкам с помощью CSS

В сегодняшней статье, продолжим рассмотрение способов вывода подсказок к ссылкам.   На этот раз научимся делать всплывающие подсказки к ссылкам, используя только CSS. Опять же как всегда, для просмотра того что мы получим в результате ,просто перейдите на страницу демонстрации, и если вам понравился вид подсказки , смело приступайте к ее изготовлению.   Смотреть Демо…

1 2 3 4 5 6