Here the HTML for you
<!– Start Sendit Subscription form –>
<div class=”sendit”>
<h4>Subscribe to our newsletter</h4>
<form name=”theform” id=”senditform”>
<!– the shortcode to generate subscription fields –>
{sendit_morefields}
<p><label for=”email_add”>Your email</label>
<input id=”email_add” type=”text” placeholder=”email here” name=”email_add”/>
<input type=”hidden” name=”lista” id=”lista” value=”{list_id}”><div id=”sendit_wait” style=”display:none;”></div>
<input class=”button” type=”button” id=”sendit_subscribe_button” name=”agg_email” value=”{subscribe_text}”/>
</p>
</form>
<div id=”dati”></div>
<small><i>You will receive an email with the confirmation link (check your spam folder if NOT)</i></small>
<small>Sendit WordPress newsletter</small>
</div>
And here the css!
.sendit{
background:#f9f9f9;
border-radius: 10px;
padding:10px 5px 10px 5px;
border:10px solid #efefef;
}
.sendit h3, .sendit h4{
font-size:1.5em;
}
.sendit label{
color:#444;
margin-right:10px;
font-weight: bold;
display:block;
}
/*DO NOT CHANGE THIS ID*/
#sendit_subscribe_button{margin:5px 0;background:#ff9900;color:#fff;}
.sendit input, .sendit textarea, .sendit select{
/*width: 180px;*/
background:#FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 2px 2px 2px 2px;
margin: 0 5px 0 0;
padding: 4px;
}
.short{
width: 100px;
margin-bottom: 5px;
}
.sendit textarea{
width: 250px;
height: 150px;
}
.boxes{
width: 1em;
}
#submitbutton{
margin-top: 5px;
width: 180px;
}
.sendit br{
clear: left;
}
.info, .success, .warning, .sendit_error, .validation {
border: 1px solid;
margin: 5px 0px;
padding:10px;
}
.info, .notice{
color: #FFD324;
background-color: #FFF6BF;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.sendit_error {
color: #D8000C;
background-color: #FFBABA;
}
.sendit small{font-size:80%;}