18041 sujets

Questions générales et questions de débutants

[RÉSOLU] Thunderbird et feuille de style

Modérateur
Salut tout le monde,

Mon problème est assez simple : Je désirerai tout simplement écrire un mail stylé. Sinon connaissez vous un bon soft qui le fait sauf Incredimail qui est fait pour faire « mumuse »

Merci par avance de me donner quelques pistes.

++
Modifié par Nolem (09 Jun 2007 - 12:56)
Nolem a écrit :
Merci par avance de me donner quelques pistes.

1 - Faire simple.
2 - Si besoin spécifique de mise en page, créer la structure globale avec un tableau.
3 - Les images décoratives directement dans le code HTML (<img src="..." alt="">) auront plus de chance de passer que les images de fond.
4 - Styles CSS : styles inline (via l'attribut style des éléments HTML) uniquement.

Tu peux le créer avec un éditeur de code. Par contre, je ne sais pas trop quel logiciel utiliser pour l'envoi.
Pour avoir fait ce genre de chose il n'y a pas plus longtemps qu'une semaine il y a effectivement quelque petits trucs qui passent mal mais ce n'est pas généralisé.
Perso j'ai fait une page html comme si je faisais une page html (donc avec mon notepad) j'ai inclus les styles dans le html via des classes. Le tout sans tableau tout est bien passé. Les images sont hébergés sur serveur distant et non inclus dans le mail. Petit astuces, pour ma part les images étant juste purement décorative, je n'ai pas mis de alt, de cette manière pas de texte disgracieux si un problème quelconque avec l'affichage des image.

Cela passe tres bien sous tb et outook, avec pas mal de webamail. Reste le problème des webmail qui n'affiche que du texte brut, mais ils ont le texte, c'est le principal dans mon cas, et suivant la cible cela n'a pas d'importance (dans mon cas, de grande entreprise en quête de formation, toutes les personnes recevaient sur un client mail et pas une webmail).

niveau envoi, ayant tout mes contact dans mon tb, je l'ai fait a partir de là. Tu fait insérer code html, tu copie colle ton code et voila. Conseil, envoi seulement en html et pas en text brut.

Voila, en espérant t'avoir éclairé.
Modérateur
Miho a écrit :

Perso j'ai fait une page html comme si je faisais une page html (donc avec mon notepad) j'ai inclus les styles dans le html via des classes. Le tout sans tableau tout est bien passé. Les images sont hébergés sur serveur distant et non inclus dans le mail. Petit astuces, pour ma part les images étant juste purement décorative, je n'ai pas mis de alt, de cette manière pas de texte disgracieux si un problème quelconque avec l'affichage des image.

Voila, en espérant t'avoir éclairé.


Salut,

J'ai déjà réalisé quelques essais assez satisfaisants balise table. Néanmoins, peux tu m'en dire un peu plus et me donner un petit exemple. J'ai un petit soucis dans le cas de la balise <a>. thunderbird n'accepte pas les modifs Smiley decu

Je te remercie de ton aide précieuse. Smiley smile

++
Modifié par Nolem (08 Jun 2007 - 16:49)

<style type="text/css">
a {
	color:#F5A700;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}
</style>


par exemple.
Modifié par Miho (08 Jun 2007 - 23:27)
j'ai oublier de préciser : tant que tu n'a pas encoyer le message les styes des liens ne s'appliquent pas (ils restent bleu et soulignés) je ne sai pas pourquoi mais une fois envoyé et reçut pas de probleme pour la personne qui visualise.
Modérateur
re,

ce que je n'arrive pas à saisir : ou est ce qu je mets ma feuille de style ?

dans le code html ?
insertion code html ?

Avec mes essais, je suis arrivé à des résultats à peu près concluants. J'ai pas encore fait de test sur gmail. mais j'ai vu que je dois pas mettre l'attibut alt pour les images. Sinon, cela ressort.

++
Salut Smiley cligne ,

tu dois mettre ton css directement entre tes balises <head>. Voici un exemple de ce que j'envoie pour une inscription :
<?php
...
$message = '
<html>
<head>
<style>
body { margin-left : 170px }
li {  font-family: "comic Sans MS"; font-size: 14pt; font-style: normal; font-weight: normal; color: #0000ff; list-style-type: circle}
div.entete {  font-family: "comic Sans MS"; font-size: 28pt; font-style: italic; font-weight: normal; color: #008080}
div.texte {  font-family: "comic Sans MS"; font-size: 14pt; font-style: normal; font-weight: normal; color: #000080}
div.pied {  font-family: "comic Sans MS"; font-size: 12pt; font-style: italic; font-weight: normal; color: #008080}
</style>
</head>
<body background="http://www.tagada.com/membres/templates/images/forum.jpg">
<br>
<div align=center class="entete">Site Tagada.com</div>
<br><br><br><br>
<div class="texte">
Bonjour '.$Prenom1.' !
<br><br>
Vous recevez ce message car votre adresse email a &eacute;t&eacute; utilis&eacute;e lors de l&rsquo;inscription sur notre site. Conservez le bien !
<br><br>
Voici les param&egrave;tres de votre compte :
<ul>
<li><em>Nom d\'utilisateur :</em> <font color=#000080>'.$nom_user.'</font></li>
<li><em>Mot de passe&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</em> <font color=#000080>'.$MDP1.'</font></li>
</ul>
<br>
Pour valider votre inscription, cliquez sur ce lien (ou copiez-le dans la barre d&rsquo;adresse de votre navigateur web) :<br>
<a href="'.$href_conf.'">'.$href_conf.'</a>
<br><br><br><br><br>
</div>
<div class="pied">
Si vous ne vous &ecirc;tes pas inscrit, merci de ne pas tenir compte de cet email.
</div>
</body></html>';
...
?>

Enfin bref : du pur style Dreamweaver à l'ancienne Smiley biggol
Heyoan a écrit :
tu dois mettre ton css directement entre tes balises <head>.

Il me semble que pas mal de webmails squizzent l'élément head et son contenu, justement.
Modérateur
Salut,

Merci de ces aides Smiley smile . Cela m'a l'air très interressant ce site. Je vais lire cela soigneusement. Toutefois, j'ai à peu près saisi le tout.

Merci encore pour votre coup de main. Smiley smile

++ et bonne journée
Sujet clos
Aller à