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

В состоянии постоянного подключения...
Главная » Уроки » Страница 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Модальное окно с помощью CSS и jQuery

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

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

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

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

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

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

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

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

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

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

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

Делаем блоки с закругленными углами без использования изображений

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