<style>
#subscribebox {
background:#FFF2FB; /*--COR DE FUNDO DO FORMULÁRIO--*/
padding:20px;
font-family: 'open sans', sans-serif; /*--TIPO DE FONTE DO FORMULÁRIO--*/
width:300px; /*--TAMANHO TOTAL DO FORMULÁRIO--*/
}
.widget_follow_subscribe .widget-detail {
padding: 36px 30px 40px 30px;
}
#subscribebox p {
color: #333; /*--COR DA FONTE DE CHAMADA PARA AÇÃO--*/
font-size: 15px; /*--TAMANHO DA FONTE DE CHAMADA PARA AÇÃO--*/
text-align: center;
font-weight: normal;
font-family: 'Poppins', sans-serif; /*--TIPO DE FONTE DE CHAMADA PARA AÇÃO--*/
}
form.subscribe {
margin-top: 15px;
}
form.subscribe input {
display: block;
width: 100%;
}
.subscribe-email {
height: 45px; /*--ALTURA DO BOTÃO DEIXE SEU E-MAIL--*/
border: none;
margin: 0 0 10px;
font-size: 14px;
background-color: #ffffff; /*--COR DE FUNDO DO BOTÃO DEIXE SEU E-MAIL--*/
text-align: center;
color: #333; /*--COR DA FONTE DEIXE SEU E-MAIL--*/
}
.subscribe-email:focus {
outline: 0;
}
/* ===== Placeholder color ===== */
form.subscribe .placeholder { /* Internet Explorer 9 */
color: #cacaca;
}
form.subscribe input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #cacaca;
}
form.subscribe input::-webkit-input-placeholder { /* WebKit browsers */
color: #cacaca;
}
form.subscribe input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fafafa;
}
form.subscribe input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fafafa;
}
.subscribe-button {
height: 45px; /*--ALTURA DO BOTÃO CADASTRE-SE--*/
font-weight: normal;
font-family: 'Poppins', sans-serif; /*--TIPO DE FONTE DO BOTÃO CADASTRE-SE--*/
font-size: 14px; /*--TAMANHO DA FONTE DO BOTÃO CADASTRE-SE--*/
color: #111; /*--COR DA FONTE DO BOTÃO CADASTRE-SE--*/
text-transform: uppercase;
border: none;
background-color:#fff; /*--COR DE FUNDO DO BOTÃO CADASTRE-SE--*/
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.subscribe-button:hover {
background-color: #fafafa;
}
.subscribe-button:focus {
outline: 0;
}
</style>
<center>
<div id="subscribebox">
<p>ADICIONE AQUI SUA FRASE DE CHAMADA PARA AÇÃO</p>
<form class="subscribe" action='SEU LINK AQUI' method='post' onsubmit='window.open('SEU LINK AQUI, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='SEU LINK AQUI'/>
<input name='loc' type='hidden' value='pt_BR'/>
<input class="subscribe-email" type='text' name='email' onblur='if (this.value == "") {this.value = "Seu endereço de email";}' onfocus='if (this.value == "Digite o seu melhor email") {this.value = "";}' value='Digite seu e-mail'/>
<input class="subscribe-button" type="submit" value="Cadastre-se" />
</form>
</div>
</center>
Nenhum comentário:
Postar um comentário