Mail - Créer une signature HTML

[havana_club_2b]

Bonjour à toutes et à tous

Je suis tout nouveau sur le forum, et j’aurais besoin de vos lumières.
J’ai tenté une recherche sur le forum bien évidement, mais je n’ai pas vraiment trouvé de cas similaires.

Je vous explique.

Je travaille au département Informatique d’une boite, et la totalité des postes utilisateurs fonctionnent sous Windows. Tous excepté le directeur qui, par habitude, fonctionne avec son MacBook.
Il s’agit d’un Macbook Retina, tournant sous MacOS Sierra dans sa version 10.12.4.

Nous avons refondu notre signature mail avec nouveau logo, liens et bouton vers réseau sociaux.
Cette signature, je l’ai réalisé sous Word, enregistrée au format .htm
J’ai donc mon fichier signature.htm et mon dossier signature contenant les différents logos et images au format png.

Sous Outlook (Windows) la signature fonctionne correctement, la mise en forme, les hyperliens, les images, tout va bien.

Sur le Mac, dans l’application Mail qui est utilisé par le directeur, je sèche…

Etant un vrai débutant dans le monde MacOS, j’ai suivi un tuto expliquant la marche à suivre, je vous donne ce tuto : https://www.daretothink.co.uk/html-email-si...-in-apple-mail/

Tout se passe bien, jusqu’au moment de vérifier ma nouvelle signature.
Si la mise en forme est correcte, toutes mes images sont remplacées par un carré/rectangle avec un point d’interrogation. Néanmoins, la dimension de ces carrés/rectangles correspondent à la taille de mes images.
Cela me fait penser à une sécurité bloquant l’affichage de ces images.
Nous avons rencontré ce problème sur Outlook, pour lequel nous avions fait sauter cette protection avec une modification dans la base de registre de Windows.

Je vous demande donc votre avis, d’où peut venir le problème svp ?
J’ai merdé quelque part ? Format PNG refusé ? Une sécurité à régler ?


Je vous remercie les Macbidouilleurs

[Eagle Kiss]

Par un glissé / déposé, tu déposes ton images directement dans le champs du texte de ta signature.
Il n'y a pas plus simple.

[havana_club_2b]

Par un glissé / déposé, tu déposes ton images directement dans le champs du texte de ta signature.
Il n'y a pas plus simple.

Bonjour,

je te remercie, mais peux tu être plus précis ?

Quand je suis dans l'utilitaire de création de signature de "Mail" je fais un glisser/déposer c'est bien ça ?
Je glisse/dépose depuis Finder par exemple ?

[Eagle Kiss]

Quand je suis dans l'utilitaire de création de signature de "Mail" je fais un glisser/déposer c'est bien ça ?
Je glisse/dépose depuis Finder par exemple ?

Oui. Tu prends ton image sur le bureau et tu la glisses dans le champs du texte de l'utilitaire de création de signature dans lequel tu as copié ton code HTML.

[havana_club_2b]

Quand je suis dans l'utilitaire de création de signature de "Mail" je fais un glisser/déposer c'est bien ça ?
Je glisse/dépose depuis Finder par exemple ?

Oui. Tu prends ton image sur le bureau et tu la glisses dans le champs du texte de l'utilitaire de création de signature dans lequel tu as copié ton code HTML.

je vais essayer cet après midi et je te tiens au courant. Si c'est aussi simple, pardon de ne pas y avoir penser, je me serais noyé dans un verre d'eau comme on dit

[baron]

J’ai tenté une recherche sur le forum bien évidement, mais je n’ai pas vraiment trouvé de cas similaires.

Bonjour havana_club_2b et bienvenue !

Bien que le cas ne soit pas vraiment similaire (on n'y évoque pas le problème des images manquantes…), tu aurais aussi pu poster à la suite de ce sujet : http://forum.macbidouille.com/index.php?sh...=Mail+signature, trouvé en cherchant Mail signature dans le corps des messages du sous-forum Logiciels Apple (2e page des résultats).


L'avantage de prolonger un sujet existant étant que les participants au dit sujet seront peut-être notifiés de l'existence d'un nouveau message.

(Je fusionnerai peut-être ensuite les deux sujets mais je ne voudrais pas que tu te perdes en chemin. )

[havana_club_2b]

J’ai tenté une recherche sur le forum bien évidement, mais je n’ai pas vraiment trouvé de cas similaires.

Bonjour havana_club_2b et bienvenue !

Bien que le cas ne soit pas vraiment similaire (on n'y évoque pas le problème des images manquantes…), tu aurais aussi pu poster à la suite de ce sujet : http://forum.macbidouille.com/index.php?sh...=Mail+signature, trouvé en cherchant Mail signature dans le corps des messages du sous-forum Logiciels Apple (2e page des résultats).


L'avantage de prolonger un sujet existant étant que les participants au dit sujet seront peut-être notifiés de l'existence d'un nouveau message.

(Je fusionnerai peut-être ensuite les deux sujets mais je ne voudrais pas que tu te perdes en chemin. )

Salut,

Effectivement, dans ce cas, dès que j'ai résolu le problème, je ne manquerais pas de venir le signaler pour que tu puisse fusionner tout ça.

Je te remercie

[Eagle Kiss]

Si c'est aussi simple, pardon de ne pas y avoir penser, je me serais noyé dans un verre d'eau comme on dit

Si tu viens de Windows, ce n'est pas étonnant. Le glissé/déposé n'est pas un réflexe windowsien

[havana_club_2b]

Alors petit résumé:

L'astuce du glisser/déposer a fonctionné dans la mesure ou les images s'affichent. Donc ma signature ressemble bien à ce que j'avais prévu.

Cependant, le glisser déposer a ses limites dans la mesure ou il s'agit d'un ajout d'image brut.
En effet, le logo de l'entreprise avait un lien hypertexte, et permettait de se rendre sur le site Internet de la boite.

Je n'ai pas trouver la possibilité de recréer ces liens via l’éditeur de signature de "Mail", est-ce possible de créer un lien sur une image ?

Ce message a été modifié par havana_club_2b - 28 Mar 2018, 15:12.

[Eagle Kiss]

Peut être une réponse ici

[havana_club_2b]

Peut être une réponse ici

je te remercie, mais c'est exactement ce que j'avais fais à la base, mais les images ne s'affichaient pas (lien du tuto que j'ai donné).

[baron]

Comme expliqué dans les différents tutos, une signature en HTML est simplement du code HTML. Il faut donc d'abord créer ta signature comme une (petite) page HTML.
Pour cela, tu as le choix de l'outil : soit un simple éditeur de texte et tu tapes le code voulu, soit tu utilises un éditeur visuel.

En l'occurrence, pour rendre une image cliquable, il faut ajouter un lien avec des balises <a href> avant et </a> pour clôturer :

HTML

<a href="ADRESSE_DU_LIEN_DE_DESTINATION" target="_blank">CLIQUEZ_ICI</a>

dans laquelle on imbrique la commande HTML d'insertion d'une image :

HTML

<img src="ADRESSE__DE_L'IMAGE" title="AFFICHAGE_AU_SURVOL_DE_L'IMAGE" />

Ce qui dans une version minimaliste te donnerait par exemple ceci :

HTML

<a href="ADRESSE_DU_LIEN_DE_DESTINATION" target="_blank"><img src="ADRESSE__DE_L'IMAGE" title="AFFICHAGE_AU_SURVOL_DE_L'IMAGE" /></a>

Ensuite, tu peux aussi ajouter des informations de mise en page (alignement, dimensions, etc.)

• Un mini tuto : https://apprendre-html.3wa.fr/html/comprend...egree-page-html

[havana_club_2b]

Comme expliqué dans les différents tutos, une signature en HTML est simplement du code HTML. Il faut donc d'abord créer ta signature comme une (petite) page HTML.
Pour cela, tu as le choix de l'outil : soit un simple éditeur de texte et tu tapes le code voulu, soit tu utilises un éditeur visuel.

En l'occurrence, pour rendre une image cliquable, il faut ajouter un lien avec des balises <a href> avant et </a> pour clôturer :

HTML

<a href="ADRESSE_DU_LIEN_DE_DESTINATION" target="_blank">CLIQUEZ_ICI</a>

dans laquelle on imbrique la commande HTML d'insertion d'une image :

HTML

<img src="ADRESSE__DE_L'IMAGE" title="AFFICHAGE_AU_SURVOL_DE_L'IMAGE" />

Ce qui dans une version minimaliste te donnerait par exemple ceci :

HTML

<a href="ADRESSE_DU_LIEN_DE_DESTINATION" target="_blank"><img src="ADRESSE__DE_L'IMAGE" title="AFFICHAGE_AU_SURVOL_DE_L'IMAGE" /></a>

Ensuite, tu peux aussi ajouter des informations de mise en page (alignement, dimensions, etc.)

• Un mini tuto : https://apprendre-html.3wa.fr/html/comprend...egree-page-html

Salut, je te remercie, pour ton aide, mais même si je ne suis pas un pro du HTML, j'ai quelques connaissances, et la signature au format HTML je l'ai, et elle fonctionne parfaitement sous Windows.
La signature foire dès que je copie le code sur MAC, toute la mise en forme est respectée, mais au lieu d'avoir mes logos, j'ai des carrés et des rectangles avec un point d'interrogation.

[Eagle Kiss]

La signature foire dès que je copie le code sur MAC, toute la mise en forme est respectée, mais au lieu d'avoir mes logos, j'ai des carrés et des rectangles avec un point d'interrogation.

C'est qu'il ne trouve pas tes images.

[havana_club_2b]

La signature foire dès que je copie le code sur MAC, toute la mise en forme est respectée, mais au lieu d'avoir mes logos, j'ai des carrés et des rectangles avec un point d'interrogation.

C'est qu'il ne trouve pas tes images.

Je m'en doute, la question maintenant est de savoir pourquoi...
J'ai copier les images dans le même répertoire que la signature mail.

[baron]

L'adresse URL de tes images est une adresse relative ou absolue ?

Par ailleurs, dans Mail (comme sans doute dans beaucoup d'autres logiciels), il faut autoriser l'affichage des images distantes dans les messages HTML (Préférences > Présentation).

[havana_club_2b]

L'adresse URL de tes images est une adresse relative ou absolue ?

Par ailleurs, dans Mail (comme sans doute dans beaucoup d'autres logiciels), il faut autoriser l'affichage des images distantes dans les messages HTML (Préférences > Présentation).

l’adresse de mes images est relative, elle sont stockées sur le Mac de la personne l'utilisant

[Eagle Kiss]

As tu essayé après avoir copier ton code html de glisser/déposer ton image et une fois celle ci sélectionnée, de faire cmd +k et d'indiquer l'URL ?

Ce message a été modifié par Eagle Kiss - 9 Apr 2018, 13:36.

[havana_club_2b]

oui, mais ça me change toute la mise en page.... quelle galère.

Un collègue bien plus calé en la matière m'a réécrit toute la signature, je vais l'essayer

[havana_club_2b]

Bon ça ne marche pas non plus, exactement le même résultat que mes premiers tentatives: la signature conserve la mise en page globale, mais toute les images sont remplacées par un point d'interrogation.



Je vous réexplique:

J'ai mon fichier "signature.html" et un dossier "fichiers_signature" qui contient les images.

signature.html est des plus simple, quelques images sur lesquelles on peut cliquer pour aller sur les pages officielles de la boite, quelque couleurs, des saut de lignes, rien de bien sorcier.
J'ai revérifié que mes chemins vers les images, OK, mais en adresse relative. Donc sous windows pour que ma signature fonctionne correctement, j'ai le fichier html et ce dossier au meme niveau.


Dans la mesure ou sur mac il faut copier coller le code dans le fichier signature, peut-il allé chercher les images dans mon dossier ?

[baron]

Si la solution savante ne marche pas, il faudrait peut-être essayer la plus simple : recréer votre signature d'entreprise avec l'éditeur de signature de Mail, et ses quelques commandes de formatage (menus Edition et Format), en appliquant simplement aussi ces conseils :

glisser/déposer ton image et une fois celle ci sélectionnée, de faire cmd +k et d'indiquer l'URL ?

[havana_club_2b]

Si la solution savante ne marche pas, il faudrait peut-être essayer la plus simple : recréer votre signature d'entreprise avec l'éditeur de signature de Mail, et ses quelques commandes de formatage (menus Edition et Format), en appliquant simplement aussi ces conseils :

glisser/déposer ton image et une fois celle ci sélectionnée, de faire cmd +k et d'indiquer l'URL ?

ça chamboule la mise en page malheureusement ...

[Eagle Kiss]

Si la solution savante ne marche pas, il faudrait peut-être essayer la plus simple : recréer votre signature d'entreprise avec l'éditeur de signature de Mail, et ses quelques commandes de formatage (menus Edition et Format), en appliquant simplement aussi ces conseils :

glisser/déposer ton image et une fois celle ci sélectionnée, de faire cmd +k et d'indiquer l'URL ?

ça chamboule la mise en page malheureusement ...

Ce que veut dire baron c'est que tu laisses tomber l'html, tu rentres ton texte directement dans l'éditeur des signatures et tu créé tes liens sur tes images et éventuellement sur tes liens si tu en as avec cmd +k
Et là ta mise en page sera exactement comme tu l'as éditée.

Ex :
Nom prénom
tel
mail (cmd + k, ton mail)
Le nom de ta boîte
l'image (cmd +k, l'adresse du site)
le lien du site (cmd+k, le lien du site)
Etc....

En t'aidant du menus Edition et Format.

Ce message a été modifié par Eagle Kiss - 11 Apr 2018, 21:30.

[havana_club_2b]

Si la solution savante ne marche pas, il faudrait peut-être essayer la plus simple : recréer votre signature d'entreprise avec l'éditeur de signature de Mail, et ses quelques commandes de formatage (menus Edition et Format), en appliquant simplement aussi ces conseils :

glisser/déposer ton image et une fois celle ci sélectionnée, de faire cmd +k et d'indiquer l'URL ?

ça chamboule la mise en page malheureusement ...

Ce que veut dire baron c'est que tu laisses tomber l'html, tu rentres ton texte directement dans l'éditeur des signatures et tu créé tes liens sur tes images et éventuellement sur tes liens si tu en as avec cmd +k
Et là ta mise en page sera exactement comme tu l'as éditée.

Ex :
Nom prénom
tel
mail (cmd + k, ton mail)
Le nom de ta boîte
l'image (cmd +k, l'adresse du site)
le lien du site (cmd+k, le lien du site)
Etc....

En t'aidant du menus Edition et Format.

C'est ce que j'ai fini par faire, faute de mieux malheureusement, car dans ma version HTML, les logos facebook twitter et leur nom de page respectif, se font face, parfaitement alignés par exemple, car dans des tableau avec centrage et compagnie.
Là, un simple espace les sépare sur la même ligne, c'est un peu moins joli, mais ça fait le job.


Quoi qu'il en soit, je vous remercie tous d'avoir pris le temps de m’écouter et de m'aider