postPR.ru » Облако тегов » формы в css

    Дешевый хостинг



 

Стилизация чекбоксов

Автор: verstaka | Дата: 29-12-2012 в 13:10 | Просмотров: 737 | Комментариев: 0



Стилизация чекбоксов
Всем привет!
Сегодня рассмотрим стилизацию одного из элементов формы - чекбокса (англ. checkbox, он же флажок).
Что представляет из себя чекбокс? Это поле с флажком, которое может быть активно или неактивно.
Вот пример такого поля в HTML-коде:

Здесь какой-то текст

Попробуем применить какие-нибудь стили CSS, например изменить свойства background, color или еще что-нибудь:
#check {
background: #f00;
color: #444;
/* еще что-нибудь */
}
Стили не действуют! Сделано это с целью стандартизации внешнего вида форм на просторах Сети. Однако все-таки есть способы сделать уникальные дизайн для ваших флажков
Как это реализовать? Читайте в статье

Категория: Создание и разработка

 

Продолжаем работу с формой.

Автор: dprosvetov | Дата: 26-06-2012 в 13:13 | Просмотров: 365 | Комментариев: 0



Продолжаем работу с формой.
В прошлом видеоуроке мы начали разбирать, что такое формы в css. Продолжим.
Давайте создадим класс, который мы будем давать всем элементам input. Давайте пропишем, что у нас, во-первых, должна быть рамка. Во вторых по высоте они должны быть выше. На фоне стоит картинка. Это такая маленькая картинка, в которой идет едва заметный градиент светло-синего, к белому. Мы эту картинку поставим на фон.
Теперь нужно сделать так, чтобы при щелчке по input у нас появилась двух - пиксельная синяя рамка, исчезал градиент а фон становился белым. Для этого мы будем использовать еще один псевдоселектор. Для input существует несколько состояний и одно из таких состояний это состояние фокус.
Давайте его и будем использовать.

Категория: Блогосфера

 

Формы в CSS.

Автор: dprosvetov | Дата: 19-06-2012 в 13:36 | Просмотров: 758 | Комментариев: 0



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

Категория: Блогосфера