Классные чекбоксы для ваших форм обратных связей

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

Хотя я не готовлю статьи специально, только слегка оптимизирую под запросы. Впрочем, может и следовало бы, как считаете? Судить вам.

Хочу завести новую рубрику, в которой буду выкладывать свои наработки и идеи в техническом плане. То есть, элементы кода и дизайна, которые, может быть, не всем нужны и не в каждом проекте, но могут быть интересны определенным людям и свободно доработаны вами.

Я, скорее всего, закрою от индексации рубрику, вы не найдете ее в поисковиках, так как буду писать здесь в совершенно свободном стиле и не хочу, чтобы это повлияло на блог с негативной стороны. Тем, кому интересно – будут читать, а тем, кому нет – и не увидят ее. Так сказать, для постоянных читателей_)

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

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

Для примера – я хотел бы поделиться с вами замечательными чекбоксами, (радиокнопками), которые мне недавно попались на одном зарубежном сайте, я подсмотрел концепцию и подумал, что это прекрасная альтернатива стандартным галочкам, которые уже всех достали.

Классный checkbox

В связи с этим, я немного переделал код и решил поделиться данным инструментом с вами. Возможно, в одном из проектов вы сможете воспользоваться таким переключателем, и статья будет для вас полезной! Кроме того, процесс переключения реализован на чистом css. А значит нагрузка на сервер – минимальна.

Скачать исходник

4 комментария

  1. Виталий

    В коде я худо-бедно разобрался в силу своих мизерных знаний, но как сделать чтоб они работали как чекбоксы? то есть в каком месте с них php может считать информацию о состоянии?

    1. dimadv7

      Здравствуйте . А говорите разобрались:). Смотрите.. В таблице стилей используется такой прием, что сам чекбокс прячется далеко за экран. На -9999px, так что его никто не увидит, а вот lable, которому задаем стили - отображается. Например вы можете сделать так, что когда он не активен, то полностью серый, а в противоположном случае - зеленый. Не знаю насколько это хорошо, с точки зрения правил хорошего тона у верстальщиков, но эффект - классный, а другого способа его реализовать, мне пока, неизвестно.

    2. Александр

      Виталий, давать имя каждому елементу и потом проверять его через $_POST['имя']. Если есть 1, то переключатель включен.

  2. Константин

    А зачем указывать у .toggle, .toggle2 margin-left: -9999px;. У вас же и так есть visibility: hidden; — это как раз помогает скрыть инпуты.

Добавить комментарий