Advertisement
vcgs

Widget de Registro MailChimp

Aug 19th, 2013
821
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.42 KB | None | 0 0
  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-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement