Главная » Уроки » Страница 3

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

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

Создаем всплывающую контактную форму для сайта

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

Круглые кнопки панели постраничной навигации

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

Кроссбраузерный «аккордеон» с помощью CSS3

Кроссбраузерный «аккордеон» с помощью CSS3 В последнее время, в силу того, что практически все современные и популярные браузеры (Opera, Firefox, Safari, Chrome, Flock и даже вечный тормоз - IE), активно подключаются к поддержке новых свойств CSS3, стало возможным в плотную заняться разработкой, более-менее кроссбраузерного, компактного "аккордеона", раскрывающегося при наведении. Конечно, способов создания таких "гармошек", в интернетах можно найти на любой вкус и цвет, все они разные и ...

Создаем всплывающее окно при загрузке сайта с помощью CSS3 и немного javascript

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

Создаем многоуровневое горизонтальное меню с эффектом анимации на CSS3

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

Модальные всплывающие окна с помощью CSS3 без Javascript

Модальные всплывающие окна с помощью CSS3 без Javascript В очередной раз обращаюсь к теме создания модальных(всплывающих) окон. В последнее время меня все больше интересуют, различные техники исполнения всплывающих окон, без использования javascript, плагинов jQuery и т.д. Больший интерес вызывает возможность применения чистых стилей и неисчерпаемого потенциала новых функций CSS3. Основываясь на разработках некоторых уважаемых буржуинов, они в этом плане ребята ушлые, получаются неплохие результаты, ...

Анимированные подсказки для элементов текста и ссылок с помощью свойств CSS3

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

Встраиваем видео в модальное окно

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

Создаем выпадающее меню навигации на CSS3

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

10 Уроков по созданию отличных меню навигации для ваших сайтов

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

Лайтбокс эффект с помощью магии CSS3

Лайтбокс эффект с помощью магии CSS3 Здравствуйте друзья! Надеюсь всем знаком такой замечательный эффект, как Lightbox(Лайтбокс), используемый для отображения изображений большего размера на страницах сайтов. Существует множество специальных Lightbox плагинов, хороших и не очень, построенных на jQuery. Меня в свое время заинтересовала возможность создания лайтбокс эффекта без применения javascript, построить работу исключительно на функциях CSS3, благо что современные браузеры, за ...
1 2 3 4 5
Рейтинг@Mail.ru