Como reduzir o espaçamento vertical no widget de registro do meu blog

  • Autor Autor ivancalle
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
I

ivancalle

Alfa
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Estimados Colegas

Estoy colocando un codigo para agregar un formulario de registro en un widget de mi blog pero al agregarlo de un espaciado bastante largo verticalmente hacia arriba. No se como reparar esa falla.

Adjunto El codigo y el link del blog para que vean a lo que me refiero.

CODIGO:
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//ivancalletoledo.us12.list-manage.com/subscribe/post?u=2fb182dcaa2b18c01a875f6ab&amp;id=b59417bc34" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Ingresa tus Datos y Descarga Aqui</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-FNAME">Nombre Completo <span class="asterisk">*</span>
</label>
<input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Tu correo principal <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2fb182dcaa2b18c01a875f6ab_b59417bc34" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>




<div align=center><img src="http://comocontrolarlapresion.com/wp-content/uploads/2016/01/flecha-animadaroja.gif" border="0" width="150" height="100"></div>
<p align="center">DESCARGA totalmente GRATIS el reporte "Milagro para la Hipertension" sobre las verdades de esta enfermedad y las soluciones alternativas disponibles</p>
<div align=center><img src="http://comocontrolarlapresion.com/wp-content/uploads/2016/01/reporte-milagro-para-la-presion.jpg" border="1" width="280" height="227">
</div>

BLOG URL:
COMO CONTROLAR LA PRESION ARTERIAL - Todo lo que necesitas saber para tratar y controlar la presión arterial.

Gracias por su aporte.

Saludos Cordiales

Ivan
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
No entendí realmente tu pregunta por lo tanto no te entiendo y no te puedo dar una solucion, si me la explicarias con mas detalles lo que quieres hacer te lo diría.

Calculo que sera algo así...

HTML:
<style type="text/css">#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */</style><div id="mc_embed_signup"><form action="//ivancalletoledo.us12.list-manage.com/subscribe/post?u=2fb182dcaa2b18c01a875f6ab&amp;id=b59417bc34 " method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><div id="mc_embed_signup_scroll"><h2>Ingresa tus Datos y Descarga Aqui</h2><div class="indicates-required"><span class="asterisk">*</span> indicates required</div><div class="mc-field-group"><label for="mce-FNAME">Nombre Completo <span class="asterisk">*</span></label><input type="text" value="" name="FNAME" class="required" id="mce-FNAME"></div><div class="mc-field-group"><label for="mce-EMAIL">Tu correo principal <span class="asterisk">*</span></label><input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"></div><div id="mce-responses" class="clear"><div class="response" id="mce-error-response" style="display:none"></div><div class="response" id="mce-success-response" style="display:none"></div></div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--><div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2fb182dcaa2b18c01a875f6ab_b59417bc34" tabindex="-1" value=""></div><div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div></div></form></div>



<div><img src="http://comocontrolarlapresion.com/wp-content/uploads/2016/01/flecha-animadaroja.gif" border="0" width="150" height="100"></div><p>DESCARGA totalmente GRATIS el reporte "Milagro para la Hipertension" sobre las verdades de esta enfermedad y las soluciones alternativas disponibles</p> <div><img src="http://comocontrolarlapresion.com/wp-content/uploads/2016/01/reporte-milagro-para-la-presion.jpg" border="1" width="280" height="227"></div>
 
Separá de contenedor el widget
Elimina el contenedor superior del lado derecho
y añade tu botón de suscripción
Luego verifica el codigo de tu primer mensaje de descarga que tienes ahí
 
hola

Gracias por tu respuesta. Pero la verdad no comprendo lo que me indicas. si pudieras darme un poco mas de detalles seria genial amigo.

Saludos Cordiales.
 
Voltar
Topo