SHARE
TWEET

Widget de Registro MailChimp

vcgs Aug 19th, 2013 621 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. #optin { background: #fff url(###RUTA-CARPETA-IMAGES-DE-TU-THEME###/shadow.png) repeat-x top; border: 3px solid #efefef; padding: 20px 15px; }
  3.         #optin input {
  4.                 border: 1px solid #ccc;
  5.                 width: 80%;
  6.                 margin-bottom: 10px;
  7.                 font-size: 15px;
  8.                 padding: 8px 10px;
  9.                 border-radius: 3px;
  10.                 -moz-border-radius: 3px;
  11.                 -webkit-border-radius: 3px;
  12.                 box-shadow: 0 2px 2px #ddd;
  13.                 -moz-box-shadow: 0 2px 2px #ddd;
  14.                 -webkit-box-shadow: 0 2px 2px #ddd
  15.         }
  16.                 #optin input.email { background: #fff url(###RUTA-CARPETA-IMAGES-DE-TU-THEME###/email.png) no-repeat 10px center; padding-left: 35px }
  17.                 #optin input.name { background: #fff url(###RUTA-CARPETA-IMAGES-DE-TU-THEME###/name.png) no-repeat 10px center; padding-left: 35px }
  18.                 #optin input[type="submit"] {
  19.                         background: #f6640e url(###RUTA-CARPETA-IMAGES-DE-TU-THEME###/orange.png) repeat-x top;
  20.                         border: 1px solid #a44913;
  21.                         color: #fff;
  22.                         cursor: pointer;
  23.                         font-size: 18px;
  24.                         font-weight: bold;
  25.                         padding: 8px 0;
  26.                         text-shadow: -1px -1px #562806;
  27.                         width: 100%
  28.                 }
  29.                         #optin input[type="submit"]:hover { color: #ffdeb3 }
  30.                         #optin h3 { font-size: 18px; }
  31. </style>
  32. <!-- Begin MailChimp Signup Form -->
  33. <div id="optin">
  34.   <h3>¿Me llevas contigo?</h3>
  35.   <p>Recibe mis artículos en tu email y no te perderás ninguno. Es gratis y rápido !!</p>
  36.   <form action="###URL-ACTION-GENERADA-POR-TU-CUENTA-MAILCHIMP" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
  37.     <input type="text" size="30" value="Pon tu nombre" name="FNAME" class="name" id="mce-FNAME" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
  38.     <input type="email" size="30" value="Pon tu email" name="EMAIL" class="required email" id="mce-EMAIL" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
  39.     <div id="mce-responses" class="clear">
  40.       <div class="response" id="mce-error-response" style="display:none"></div>
  41.       <div class="response" id="mce-success-response" style="display:none"></div>
  42.     </div>
  43.     <div class="clear"></div>
  44.       <input type="submit" value="Me suscribo ya!" name="subscribe" id="mc-embedded-subscribe" class="button">
  45.     <p><small>*No te preocupes, yo también odio el spam. Solo recibirás mis artículos y nada más.</small></p>
  46.   </form>
  47. </div>
  48. <!--End mc_embed_signup-->
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top