Домой / Сайтостроение / Описание стилей для формы подписки на html5 и css3

Описание стилей для формы подписки на html5 и css3

формы подписки на html5 и css3
формы подписки на html5 и css3

Шаг четвертый: Описание стилей CSS для формы подписки в создании адаптивной страницы на html5 и css3

Здравствуйте, уважаемые друзья и гости блога!


Продолжаем изучать создание адаптивной подписной страницы на html5 и css3.

Сегодня у нас шаг четвертый, в котором мы с вами создадим описание стилей CSS для формы подписки на html5 и css3.

Приступим ...

Создаем описание стилей для формы подписки на html5 и css3

Вам для этого нужно скопировать опять же уже подготовленный мной заранее специальный код:

.subscribe{
  background:rgba(0,0,0,0.65); display: table; padding:20px; margin:0 auto 10px auto; border-radius:5px;
}
.subscribe input{
  float:left;
}
.subscribe input[type="text"], .subscribe input[type="email"]{
  padding:0; border:0; width:320px; margin-right:10px; font-family: 'Open Sans', sans-serif; font-size:1em; padding:12px 20px 13px 20px; box-sizing:border-box;
}
.subscribe input[type="submit"]{
  background:#f3141f; border:0; color:#fff; font-size:1.25em; font-family: 'Open Sans', sans-serif; font-weight:700; padding:10px 35px; cursor:pointer;
}

И вставить его в наш уже знакомый файл стилей style.css.

И на этом пока на сегодня все.

Смотрим видеоурок:

Описание стилей для формы подписки на html5 и css3

Далее мы с вами узнаем:

Все шаги создания адаптивной страницы в html5 и css3:

Спасибо за внимание!

Всегда ваш Валерий Бородин



Про Валерий Бородин

Проверьте также

создание лендинг

Создание Лендинг Пейдж или лучшие плагины WordPress!

Создание Лендинг Пейдж (Landing Page) какие плагины использовать на WordPress? Узнай сейчас! Здравствуйте, уважаемые друзья …

  • http://wpsovet.ru Валентин

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

    • https://pribylwm.ru/ Валерий Бородин

      Да я думал над этим, но все же решил растянуть.

Блог Валерия Бородина: LiveInternet число посетителей за сегодня Блог Валерия Бородина: данные за сегодня (Yandex.Metrika) Блог Валерия Бородина: рейтинг МайлРу