2010-12-06 5 views
0

Je me demande simplement si quelqu'un peut m'aider à créer un bloc de newsletter sur mon site.Bulletin Block

Jusqu'à présent, je donne les résultats suivants sur le site:

<div class="one-fourth-last panel border-vert-left newsletter"> 
        <div class="padleft"> 
        <h4>Join Our<br/> Newsletter</h4> 
        <p>To receieve our newsletter, simply sign up below:</p> 
        <table cellpadding="0" cellspacing="0"> 
         <tr> 
         <td><input name="" class="field"/></td> 
         <td><input type="image" name="go" src="images/newsletter-input-button.png" alt="Go" class="form-imagebutton" /></td> 
         </tr> 
        </table> 

       <span class="small">* We will not share your information.</span> 
       </div> 
      </div> 

Maintenant, je suis à l'aide du moniteur de campagne pour la newsletter inscriptions et je dois en quelque sorte à intergrate les éléments suivants:

<form id="newsletter-form" action="http://companyname.createsend.com/t/r/s/hrihuj/" method="post"> 
        <p>Stay up-to-date with what we're up to</p>    
        <input id="email-address" type="text" value="Join our newsletter" name="cm-hrihuj-hrihuj" onclick="this.value='';" /> 
        <input id="submit" type="submit" value="go" name="commit"/> 
        </form> 

Dans ce que j'ai déjà sans avoir à changer davantage le CSS pour accommoder ceci et apprécierais que quelqu'un m'indique comment je peux intégrer le code de moniteur de campagne dans le code existant.

Merci

Répondre

0

Essayez que:

 <div class="one-fourth-last panel border-vert-left newsletter"> 
      <div class="padleft"> 
      <h4>Join Our<br/> Newsletter</h4> 
      <p>To receieve our newsletter, simply sign up below:</p> 

      <form id="newsletter-form" action="http://companyname.createsend.com/t/r/s/hrihuj/"  method="post"> 
       <table cellpadding="0" cellspacing="0"> 
       <tr> 
        <td><input id="email-address" name="cm-hrihuj-hrihuj" onclick="this.value='';" type="text" class="field" /></td> 
        <td><input type="image" name="commit" src="images/newsletter-input-button.png" alt="Go" class="form-imagebutton" /></td> 
       </tr> 
       </table> 
      </form> 

      <span class="small">* We will not share your information.</span> 
     </div> 
    </div> 

Je ne suis pas sûr que vous ayez besoin de mettre à jour le action param dans la balise <form>.
Peut-être que vous devez faire cela.

+0

Salut, c'est super merci ... J'ai cependant perdu le style pour le bouton sur le formulaire ... si je republie le CSS aussi verriez-vous si vous pouvez voir ce que je pourrais avoir besoin de modifier? Merci –

+0

Il est comme suit: .newsletter .field { arrière-plan: url (../images/ newsletter-input-bakground.png) pas de répétition; largeur: 146px; hauteur: 26px; bordure: 0px; taille de police: 12px; rembourrage-gauche: 10px; } –

+0

Salut! Je pense avoir des tomates sur les yeux ;-p. Je ne sais pas pourquoi ce comportement est réellement comme vous l'avez décrit. Leur devrait être aucune différence ... Peut-être que vous essayez d'enlever 'id =" email-address "' de la première étiquette ''. Il est possible que vous ayez assigné cet identifiant à une feuille de style ... – thedom