Помощь
Полагаем, что стили нужно писать так, чтобы не изменять содержимое формы.
Для того чтобы задействовать такие стили, нужно либо поместить код формы в слой div с атрибутом class="Наименование_Стиля", либо в самом теге form прописать атрибут class="Наименование_стиля"
Предлагаем первый стиль для формы:
CSS-код:
<style type="text/css">
.mailtuxform1 {
width: 350px; /* ширина слоя с формой */
font-size: 18px; /* размер текста слоя с формой*/
font-family: Arial; /* шрифт */
padding: 15px; /* внутренний отступ */
background-color: #DEDEDE; /* цвет заливки формы */
}
.mailtuxform1 input {
margin-bottom: 20px; /* нижний внешний отступ поля формы */
font-size: 20px; /* размер шрифта поля ввода */
font-family: Arial; /* шрифт */
}
.mailtuxform1 input[type="text"] {
border: solid 2px #C4C4C4; /* граница поля ввода формы */
}
.mailtuxform1 input[type="text"]:focus {
border-color: #CC601D; /* граница поля ввода формы при фокусе */
background-color: #ECECA0; /* цвет заливки поля ввода формы при фокусе */
}
.mailtuxform1 input[type="submit"] {
display: block; /* отображать как блок */
font-size: 26px; /* размер шрифта кнопки отправки */
margin-left: auto; /* размещение по центру */
margin-right: auto; /* размещение по центру */
border: solid 7px #C70000; /* граница кнопки отправки */
background-color: #C4C4C4; /* цвет кнопки отправки */
}
.mailtuxform1 input[type="submit"]:hover {
border-color: #288B00; /* граница кнопки отправки при фокусе */
cursor: pointer; /* курсор мыши на кнопке отправки при фокусе */
}
</style>
Соответственно, тег формы можно изменить так, дописав class="mailtuxform1":
<form class="mailtuxform1" ....
Код стилей комментирован, поэтому можете изменять его как Вам нужно.
Укажите адрес страницы с формой подписки, и я покажу, как это сделать.
