Utiliser Vitesse pour générer du code HTML de messagerie sur

J'ai essayer ce tutoriels http://www.java2s.com/Code/Java/Velocity/UseVelocitytogenerateHTMLbasedemail.htm
mais, quand j'ai ajouter le css, ça ressemble pas exécuté.

<HTML>
<HEAD>
<TITLE>Pet Store Sale!</TITLE>
<style type="text/css">
body    {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center; 
background-color: #FFF;
border-top: 3px solid #CCC;
}
#container  {
position: relative;
width: 860px;
height: 1600px;
margin: 84 auto 0 auto;
padding: 0 0 0 0;
background-color: #FFF;
}
p       {
font-family: times, Times New Roman, times-roman, georgia, serif;
color: #444;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
.woodtwo        {
font-size: 22px;
line-height: 46px;
letter-spacing: -1px;
}
.eyebrow        {   
font-size: 19px;
line-height: 29px;
}
.caps           {
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
}
.copyone        {
font-size: 16px;
line-height: 20px;
}
#line           {
border-bottom: 1px solid #CCC;
width: 748px;
margin: 10 0 20 56;
}
#break          {
height: 30px;
}
a:link          { color: #B95E27; text-decoration: none; } 
a:visited       { color: #B95E27; text-decoration: none; }
a:active        { color: #1A69A1; text-decoration: none; } 
a:hover         { color: #888; text-decoration: none;}
.grey           { color: #888; }
.smallcaps      { font-size: 88%; }
</style>
</HEAD>
<BODY>
<div id="container">
<p class="caps"><a href="">From Pet Store Sale</a></p>
<div id="line"></div>
<p class="eyebrow">
<span class="grey">*</span>T<span class="smallcaps">HANK YOU FOR JOINING </span>P<span class="smallcaps">ET</span> S<span class="smallcaps">TORE</span> S<span class="smallcaps">ALE</span> A<span class="smallcaps">PPLICATION</span><span class="grey">*</span>
</p>
<p class="copyone">
<i>You received this email because your registration process in Pet Store Sale is successful.<br/>
To Confirm your registration, please visit this link <a href ="$link">Confirmation Link</a>.<br/>
Your username : $username<br/>
Password : $password<br/>
If you have any questions about Application, please send an email to <a href="mailto:[email protected]">admin@store.com</a></i> 
<br><br><b>THANK YOU</b>
</p>
<div id="break"></div>
<p class="woodtwo">
<a href="">GETTING STARTED</a>
<div id="line"></div>
<div id="line"></div>
</div>
</BODY>
</HTML>

j'ai aussi essayé de

<link rel="stylesheet" href="./style/css/emailFormat.css" type="text/css"  media="screen" />

mais il ne fonctionne pas trop.
comment faire de la bonne façon d'ajouter des css sur cette page. Merci

Aussi, je viens de remarquer, mais en utilisant un chemin relatif vers un CSS dans un e-mail sonne comme quelque chose qui ne fonctionnera pas. Intégrer le CSS ou le publier et de faire une référence à cette ressource publiée.
si vous voulez dire? '</head> <body > <div id="conteneur"> <p class="caps"><a href="">De l'Application de Test</a></p> <div id="ligne"></div> <p class="sourcil"> <span class="gris">*</span>T<span class="smallcaps">HANK DE VOUS JOINDRE </span>T<span class="smallcaps">RESSANTE</span> M<span class="smallcaps">MONITORING</span> Un<span class="smallcaps">APPLICATION</span><span class="gris">*</span> </p> <p class="copyone"> ..........................'
donc, comment faire pour envoyer des emails au format html. je veux envoyer une jolie e-mail en java.
Modifier votre question et ajouter la vitesse du modèle. Les commentaires sont trop petites et pas adapté pour le code. Pour la jolie e-mail, un coup d'oeil à mon commentaire précédent. Soit embedd votre CSS dans certains <style> balises dans votre code HTML ou faire référence à un public CSS avec une URL absolue.
j'ai modifier la question, nous l'espérons, conformément à votre demande

OriginalL'auteur Mahadi Siregar | 2012-04-24

14

Classes CSS sont ignorés par les clients de messagerie. Si vous utilisez les clients autonomes comme Outlook Express, divs sera également ne pas être reconnu (dont dépendent float:left).

Je vous propose de changer votre page HTML comme -
1. Tout laisser tomber à l'extérieur de la <body>...</body>
2. Utilisation <table> au lieu de <div>
3. Ne pas utiliser <style> balises pour définir le style de classes, ou .fichier css à charger les styles. Au lieu d'utiliser du css comme style="...." à l'intérieur de la <td> /<table> conteneurs.
Espère que cela vous aide dans le modèle d'e-mail de la conception.

si toutes les jolies e-mails que j'ai reçus sont réalisés de cette façon?
ce sont d'éthique de la construction de modèles d'e-mail, qui va travailler dans tous les e-mails-les sites internet (comme gmail.com) et les clients autonomes (comme outlook express). mais cela ne signifie pas que tous les e-mails que vous recevez suit.
ok, merci Monsieur.je vais l'essayer.
merci M. tusar, il fonctionne.
connaissez-vous un moyen de le faire automatiquement cela change?

OriginalL'auteur tusar

Vous devez vous connecter pour publier un commentaire.