AccueilMembres connectés récemment
[PhpBB3]Aspect de la réception d'une newsletter ...
Page 1 sur 1 • Partagez
- Jean22
-
Jean22 Lun 15 Avr 2019 - 19:06
Après avoir un peu raté ma 1ère newsletter par manque de connaissances HTML j'ai demandé de l'aide à un collégien qui m'a assuré que cela ne posait pas de problème ... Super !
J'ai donc créé mon mail en version dessin qu'il s'est chargé de transformer en quelque chose de plus digeste pour le "woueb"...
Différents tests ont été réalisés et tous ont été parfaits ...
J'ai donc envoyé ma superbe réalisation et ... flop ! Les mails reçus ne ressemblent à rien mais vraiment à rien ... et mon informaticien m'a gentiment dit que cela dépassait ses compétences et comme les miennes ... bah ... vous avez compris que j'étais nul donc évitez de me le dire trop fort !
Quelqu'un veut bien zieuter la prose ?
Merci d'avance en tout cas ...
J'ai donc créé mon mail en version dessin qu'il s'est chargé de transformer en quelque chose de plus digeste pour le "woueb"...
Différents tests ont été réalisés et tous ont été parfaits ...
J'ai donc envoyé ma superbe réalisation et ... flop ! Les mails reçus ne ressemblent à rien mais vraiment à rien ... et mon informaticien m'a gentiment dit que cela dépassait ses compétences et comme les miennes ... bah ... vous avez compris que j'étais nul donc évitez de me le dire trop fort !
Quelqu'un veut bien zieuter la prose ?
Merci d'avance en tout cas ...
- Milouze14
Fondateur -
Milouze14 Lun 15 Avr 2019 - 20:21
Hello Jean,
il faudrait avoir le code html que tu déposes dans cette newsletter .
Ensuite, il ne faut trop se casser la tête avec le codage car encore, à l'heure actuelle, certaine personne n'autorise pas l'activation du mode html des mails reçus,
c'est à dire d'avoir le visuel que tu tracasses a mettre en œuvre et préfère les recevoir en mode texte.
il faudrait avoir le code html que tu déposes dans cette newsletter .
Ensuite, il ne faut trop se casser la tête avec le codage car encore, à l'heure actuelle, certaine personne n'autorise pas l'activation du mode html des mails reçus,
c'est à dire d'avoir le visuel que tu tracasses a mettre en œuvre et préfère les recevoir en mode texte.
- Jean22
-
Jean22 Lun 15 Avr 2019 - 20:35
Bonsoir Phil,
Je ne souhaite pas prendre sur ton temps de la soirée pour cela !
Le codage est le suivant :
Je vais sans doute devoir revoir ma copie et ne pas m'acharner à vouloir créer cette page HTML ...
nb : je trouve qu'il y a chez toi une excellente ambiance et cela fait plaisir ! Vraiment ... Félicitations ...
Je ne souhaite pas prendre sur ton temps de la soirée pour cela !
Le codage est le suivant :
- Code:
<!DOCTYPE html>
<html lang="fr">
<head>
<title> Infolettre Amicalement Frison </title>
<meta charset="utf-8" />
<!-- ------------ Code CSS ---------- -->
<style type="text/css">
body{
/* la bordure et la margin m'augmentent pas la taille */
box-sizing: border-box;
background-color : #000000;
color : white;
text-align: center;
}
h1{
color : red;
display:block;
float:none;
}
h2{
font-size:20pt;
font-weight:bolder;
font-family: 'Bookman Old Style', serif;
float:none;
}
h3{
font-size:20pt;
font-family: Arial, Helvetica, sans-serif;
color:yellow;
}
#end{
font-size:8pt;
border-style: solid;
border-color: #ffffff;
margin-left : 30%;
margin-right : 30%;
color : #cc0066;
}
.text{
margin-left:25%;
margin-right:25%;
}
#frison{
font-size: 20pt;
}
.more{
color : #1E90FF;
font-size: 10pt;
text-decoration: underline;
}
a:link{
text-decoration:none;
}
#endlien{
color : white;
}
code{
text-align:left;
display:inline-block;
float:left;
margin-right:75%;
}
#Uranie{
display:block;
float:none;
}
#Phanie{
display:block;
float:none;
}
#Devinettes{
display:block;
float:left;
margin-left:10%;
}
#Enigme{
display:block;
}
#Réponse{
display:block;
float:right;
margin-right:10%;
}
footer{
display:block;
}
</style>
</head>
<body>
<header >
<img src="https://i.servimg.com/u/f31/14/27/25/95/amical10.jpg" alt="Logo accueil" />
<p> Forum d'échange et de partage regroupant les passionnés de ce cheval extraordinaire : </p>
<strong id="frison"> le Frison ... </strong>
<br>
<code> Ce message contient des images. Si celles-ci ne s'affichent pas, cliquez sur "Afficher les images" dans votre logiciel de messagerie. </code>
<h1> Infolettre du 10 avril 2019 </h1>
</header>
<section id="Uranie">
<h2> "Uranie ..." </h2>
<img src="https://i31.servimg.com/u/f31/14/27/25/95/uranie10.png" alt="Uranie"/>
<br>
<br>
<p class="text"> "Aujourd'hui c'était l'anniversaire d'Uranie, 5 ans déjà, mais c'est elle qui m'a fait des cadeaux.
Séance de 30 min résumé en 3 min de vidéo !
Début du pas espagnol, première liberté monté et premier couché monté. ..."
</p>
<a class="more" href="https://amicalementfrison.forumactif.org/t710p550-uranie-moi-video-de-la-premiere-monte-page-10" > En savoir plus... </a>
</section>
<br>
<br>
<section id="Phanie">
<h2> "Chez Phanie..." </h2>
<img src="https://i31.servimg.com/u/f31/14/27/25/95/phanie10.png" alt="Phanie"/>
<br>
<br>
<p class="text"> "Mon loulou m'a offert, dimanche, le jour de mon anniversaire, notre premier galop en extérieur sur la plage (le long du Var)
et ensuite nous sommes allées à cheval acheter un ice-tea au drive de KFC ! la tête des gens, je vous dis pas !...
Inutile de vous dire que j'étais accompagnée de mes filles et qu'on a bien rit !..."
</p>
<a class="more" href="https://amicalementfrison.forumactif.org/t2235-ulke-van-de-dries" > En savoir plus...</a>
</section>
<section id="Devinettes">
<h3> Et bien entendu, les devinettes ... </h3>
</section>
<br>
<br>
<section id="Enigme">
<br>
<br>
<p> "Je suis un cheval ... hybride" </p>
<p> "Moréas me mit en scène..." </p>
<p> "Il faut toujours me regarder dans les yeux...et s'incliner ..." </p>
<p> "Un de mes congénères se vit être condamné en 1722..." </p>
</section>
<section id="Réponse">
<img src="https://i31.servimg.com/u/f31/14/27/25/95/rep10.png" width="160" height="20" alt="L'hippogriffe"/>
</section>
<br>
<br>
<footer>
<section id="end">
<p>Vous recevez cette infolettre car vous êtes inscrit(e) sur le forum "Amicalement Frison" </p>
<p>et avez accepté de recevoir notre newsletter</p>
<p> Si vous désirez vous désinscrire, sachez que j'en suis désolé,</p>
<p>mais si vous le voulez vraiment, cliquez sur le lien suivant :
</p>
<a href="[[UNSUB_LINK_FR]]" >
<h1>Me désinscrire</h1>
</a>
</section>
<br>
<a id="endlien" href="https://amicalementfrison.forumactif.org/">https://amicalementfrison.forumactif.org/</a>
</footer>
</body>
</html>
Je vais sans doute devoir revoir ma copie et ne pas m'acharner à vouloir créer cette page HTML ...
nb : je trouve qu'il y a chez toi une excellente ambiance et cela fait plaisir ! Vraiment ... Félicitations ...
- Milouze14Fondateur
-
Milouze14 Mar 16 Avr 2019 - 4:01
Hello Jean,
tu sais, à cette heure je ne fais plus rien, je suis plutôt du matin (taf oblige) .
Alors pour répondre à ta demande, tu n'obtiendras pas ce que tu souhaites avec ce code html qui est correcte,ensuite tu peux créer une page html:
Modules/HTML & JAVASCRIPT/Gestion des pages HTML/Création en mode avancé (HTML)
Titre * : Mettre un titre
Voulez-vous utiliser le haut et le bas de page de votre forum ? Cocher Non
Utiliser cette page en tant que page d'accueil ? Cocher Non
Ce qui donne:
http://testphpbb3.1fr1.net/h24-jean
![[PhpBB3]Aspect de la réception d'une newsletter ... 1223](https://i.servimg.com/u/f87/11/26/21/37/1223.png)
Il te suffira de mettre ce lien dans la newletter
Merci Jean,c'est toujours plaisant de l'entendre (hum de le voire
) .
Je ne souhaite pas prendre sur ton temps de la soirée pour cela !
tu sais, à cette heure je ne fais plus rien, je suis plutôt du matin (taf oblige) .
Alors pour répondre à ta demande, tu n'obtiendras pas ce que tu souhaites avec ce code html qui est correcte,ensuite tu peux créer une page html:
Modules/HTML & JAVASCRIPT/Gestion des pages HTML/Création en mode avancé (HTML)
Titre * : Mettre un titre
Voulez-vous utiliser le haut et le bas de page de votre forum ? Cocher Non
Utiliser cette page en tant que page d'accueil ? Cocher Non
Ce qui donne:
http://testphpbb3.1fr1.net/h24-jean
![[PhpBB3]Aspect de la réception d'une newsletter ... 1223](https://servimg.com/r/8711262137/1223.png)
Il te suffira de mettre ce lien dans la newletter
nb : je trouve qu'il y a chez toi une excellente ambiance et cela fait plaisir ! Vraiment ... Félicitations ...
Merci Jean,c'est toujours plaisant de l'entendre (hum de le voire
) .- Jean22
-
Jean22 Mar 16 Avr 2019 - 13:24
Bonjour Phil
Quand tu dis que tu es plutôt du matin et que je vois l'heure d'envoi du post ci-dessus je trouve que la nuit a été courte !
Je suis content de savoir qu'il n'y a pas d'anomalie dans le codage de la page !
J'ai copié la page codée dans le PA et inséré ta ligne ci-dessus puis "Prévisualisation" et ... la page est sortie exactement comme je l'avais désiré !
Mon intention était la suivante :
Comme je ne suis pas doué en html j'avais l'intention de conserver la page codée comme matrice et y changer seulement les adresses des photos et les textes !
Mais si tout est bien et que cela ne fonctionne pas je ne sais plus comment faire ... Mes vieux neurones ont du mal à comprendre !
J'ai édité le codage au dessus car je n'avais pas placé le bon ( une différence dans le cadre "désinscrire")
Quand tu dis que tu es plutôt du matin et que je vois l'heure d'envoi du post ci-dessus je trouve que la nuit a été courte !
Je suis content de savoir qu'il n'y a pas d'anomalie dans le codage de la page !
J'ai copié la page codée dans le PA et inséré ta ligne ci-dessus puis "Prévisualisation" et ... la page est sortie exactement comme je l'avais désiré !
Mon intention était la suivante :
Comme je ne suis pas doué en html j'avais l'intention de conserver la page codée comme matrice et y changer seulement les adresses des photos et les textes !
Mais si tout est bien et que cela ne fonctionne pas je ne sais plus comment faire ... Mes vieux neurones ont du mal à comprendre !
J'ai édité le codage au dessus car je n'avais pas placé le bon ( une différence dans le cadre "désinscrire")
- Milouze14Fondateur
-
Milouze14 Mar 16 Avr 2019 - 16:02
Re Jean,
Oui au contraire, c'est une bonne chose et tu as l'assurance que le lien de la page ne changera pas.
Tout fonctionnera mon ami car le lien sera cliquable dans la newletter.
Ensuite, il vaut mieux mettre le lien de désinscription en dehors de la page html.
Pas de besoin de mettre la variable, ce lien suffira:
https://www.forumactif.com/unscribe
Comme je ne suis pas doué en html j'avais l'intention de conserver la page codée comme matrice et y changer seulement les adresses des photos et les textes !
Oui au contraire, c'est une bonne chose et tu as l'assurance que le lien de la page ne changera pas.
Mais si tout est bien et que cela ne fonctionne pas je ne sais plus comment faire .
Tout fonctionnera mon ami car le lien sera cliquable dans la newletter.
Ensuite, il vaut mieux mettre le lien de désinscription en dehors de la page html.
Pas de besoin de mettre la variable, ce lien suffira:
https://www.forumactif.com/unscribe
- Jean22
-
Jean22 Mar 16 Avr 2019 - 18:11
Phil ... merci !
Bon, je vais essayer de réaliser tout cela ...
nb : Cela fait du bien de savoir qu'il y a quelqu'un qui sera là pour un coup de main ... merci!
Est ce que j'ai réalisé selon tes conseils ? Ai-je bien compris ?
Tu m'as dit de mettre le lien de désinscription en dehors de la newsletter mais d'une part je ne sais pas comment le faire et d'autre part je désire conserver mon petit texte ... mais peut-être puis-je mettre le tout en dehors de la page mais ... comment ?
Bon, je vais essayer de réaliser tout cela ...
nb : Cela fait du bien de savoir qu'il y a quelqu'un qui sera là pour un coup de main ... merci!
- Code:
<!DOCTYPE html>
<html lang="fr">
<head>
<title> Infolettre Amicalement Frison </title>
<meta charset="utf-8" />
<!-- ------------ Code CSS ---------- -->
<style type="text/css">
body{
/* la bordure et la margin m'augmentent pas la taille */
box-sizing: border-box;
background-color : #000000;
color : white;
text-align: center;
}
h1{
color : red;
display:block;
float:none;
}
h2{
font-size:20pt;
font-weight:bolder;
font-family: 'Bookman Old Style', serif;
float:none;
}
h3{
font-size:20pt;
font-family: Arial, Helvetica, sans-serif;
color:yellow;
}
#end{
font-size:8pt;
border-style: solid;
border-color: #ffffff;
margin-left : 30%;
margin-right : 30%;
color : #cc0066;
}
.text{
margin-left:25%;
margin-right:25%;
}
#frison{
font-size: 20pt;
}
.more{
color : #1E90FF;
font-size: 10pt;
text-decoration: underline;
}
a:link{
text-decoration:none;
}
#endlien{
color : white;
}
code{
text-align:left;
display:inline-block;
float:left;
margin-right:75%;
}
#Uranie{
display:block;
float:none;
}
#Phanie{
display:block;
float:none;
}
#Devinettes{
display:block;
float:left;
margin-left:10%;
}
#Enigme{
display:block;
}
#Réponse{
display:block;
float:right;
margin-right:10%;
}
footer{
display:block;
}
</style>
</head>
<body>
<header >
<img src="https://i.servimg.com/u/f31/14/27/25/95/amical10.jpg" alt="Logo accueil" />
<p> Forum d'échange et de partage regroupant les passionnés de ce cheval extraordinaire : </p>
<strong id="frison"> le Frison ... </strong>
<br>
<code> Ce message contient des images. Si celles-ci ne s'affichent pas, cliquez sur "Afficher les images" dans votre logiciel de messagerie. </code>
<h1> Infolettre du 10 avril 2019 </h1>
</header>
<section id="Tjedde">
<h2> "Tjedde, le retour..." </h2>
<img src="https://i31.servimg.com/u/f31/14/27/25/95/tjedde12.png" alt="Tjedde"/>
<br>
<br>
<p class="text"> "Le beau Tjedde, après de gros déboires est de nouveau sur le devant de la scène et progresse en concours..."
</p>
<a class="more" href="https://amicalementfrison.forumactif.org/t214p100-tjedde-mon-rayon-de-soleil-mon-oxygene-video-photo-et-des-news-de-la-demo-p-2" > En savoir plus... </a>
</section>
<br>
<br>
<section id="Hilke">
<h2> "Tout roule chez Patou..." </h2>
<img src="https://i31.servimg.com/u/f31/14/27/25/95/hilke_14.jpg" alt="Hilke"/>
<br>
<br>
<p class="text"> "Adaptation réussie pour Hilke, Phantasia et Joe.... tout ce petit monde s'entend bien !!! Phantasia est folle amoureuse de Joe ... un vrai pot de colle ..."
</p>
<a class="more" href="https://amicalementfrison.forumactif.org/t865p800-hilke" > En savoir plus...</a>
</section>
<br>
<br>
<section id="Dora">
<h2> "Hommage à Dora..." </h2>
<img src="https://i31.servimg.com/u/f31/14/27/25/95/dora_11.jpg" alt="Dora"/>
<br>
<br>
<p class="text"> "Dora s'en est allée après 26 ans de bonheur laissant le coeur d'Alexandra en détresse..."
</p>
<a class="more" href="https://amicalementfrison.forumactif.org/t402p50-hommage-a-ma-dora" > En savoir plus...</a>
</section>
<br>
<br>
<footer>
<section id="end">
<p>Vous recevez cette infolettre car vous êtes inscrit(e) sur le forum "Amicalement Frison" </p>
<p>et avez accepté de recevoir notre newsletter</p>
<p> Si vous désirez vous désinscrire, sachez que j'en suis désolé,</p>
<p>mais si vous le voulez vraiment, cliquez sur le lien suivant :
</p>
<a href="https://www.forumactif.com/unscribe" >
<h1>Me désinscrire</h1>
</a>
</section>
<br>
<a id="endlien" href="https://amicalementfrison.forumactif.org/">https://amicalementfrison.forumactif.org/</a>
<a href="http://testphpbb3.1fr1.net/h24-jean">
</footer>
</body>
</html>
Est ce que j'ai réalisé selon tes conseils ? Ai-je bien compris ?
Tu m'as dit de mettre le lien de désinscription en dehors de la newsletter mais d'une part je ne sais pas comment le faire et d'autre part je désire conserver mon petit texte ... mais peut-être puis-je mettre le tout en dehors de la page mais ... comment ?
- Milouze14Fondateur
-
Milouze14 Mar 16 Avr 2019 - 19:21
Hum, je crois que l'on en se comprends pas Jean,
en faite, ta page html reste une apparence et donc un lien.
Dans la newletter que tu veux envoyer,il faudra envoyer le lien de cette page html
Dans cette page html, cette partie:
Peux être supprimée de la page et l'insérer dans la newletter , tout comme ceci:
Cette partie doit être supprimée
.
Ce qui donnerait sur l'éditeur, un truc comme cela:
![[PhpBB3]Aspect de la réception d'une newsletter ... 1224](https://i.servimg.com/u/f87/11/26/21/37/1224.png)
en faite, ta page html reste une apparence et donc un lien.
Dans la newletter que tu veux envoyer,il faudra envoyer le lien de cette page html
Dans cette page html, cette partie:
- Code:
<section id="end">
<p>Vous recevez cette info-lettre car vous êtes inscrit(e) sur le forum "Amicalement Frison" </p>
<p>et avez accepté de recevoir notre newsletter</p>
<p> Si vous désirez vous désinscrire, sachez que j'en suis désolé,</p>
<p>mais si vous le voulez vraiment, cliquez sur le lien suivant :
</p>
<a href="https://www.forumactif.com/unscribe" >
<h1>Me désinscrire</h1>
</a>
</section>
Peux être supprimée de la page et l'insérer dans la newletter , tout comme ceci:
Cette partie doit être supprimée
.- Code:
<a href="http://testphpbb3.1fr1.net/h24-jean">
Ce qui donnerait sur l'éditeur, un truc comme cela:
- Code:
Bonjour, <br />
Vous recevez cette info-lettre car vous êtes inscrit(e) sur le forum "Amicalement Frison" <br />
et avez accepté de recevoir notre newsletter <br />
Si vous désirez vous désinscrire, sachez que j'en suis désolé, <br />
mais si vous le voulez vraiment, cliquez sur le lien suivant : <br />
<a href="https://www.forumactif.com/unscribe" >Me désinscrire</a> <br />
<br />
Afin de visionner cette dernière, merci de cliquer sur le lien ci-dessous:<br />
<a href="http://testphpbb3.1fr1.net/h24-jean">http://testphpbb3.1fr1.net/h24-jean</a> <br />
![[PhpBB3]Aspect de la réception d'une newsletter ... 1224](https://servimg.com/r/8711262137/1224.png)
- Milouze14Fondateur
-
Milouze14 Mer 17 Avr 2019 - 4:15
Hello Jean,
,hum pourquoi pas 
.
Il faut parfois du temps, mais le principal est que tu es compris le mode de fonctionnement du code html mon ami .
,hum pourquoi pas .Il faut parfois du temps, mais le principal est que tu es compris le mode de fonctionnement du code html mon ami .
Coucou
Si ton sujet est résolu, merci de suivre la procédure suivante:
Édites ton message initial en cliquant sur le bouton prévu à cet effet:
Puis sur:
Si ton sujet est résolu, merci de suivre la procédure suivante:
Édites ton message initial en cliquant sur le bouton prévu à cet effet:
Puis sur:
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum