Sujet: Help needed HTML/CSS
01/02/2019 @ 13:57:56: Jean-Christophe: Help needed HTML/CSS
Salut les amis,

J'ai pour mission de customiser un mail automatique de notification après une mise à jour sur un ticket de support.
Mon souci se situe au niveau du rendu.
"on" m'a filé un exemple. Un mail transmis par les RH, mais je dois reprendre la charte graphique, les couleurs, etc.
Est-ce que l'un d'entre vous aurait quelques minutes pour me dépanner?

Vous savez où me trouver :smile:

Merci!
01/02/2019 @ 14:04:06: blietaer: Help needed HTML/CSS
Est-ce que du mail d'exemple RH tu peux en tirer d'une part le CSS et d'autre part les sources du messages (probablement le gout et la couleur de l'HTML) ?

Si oui, il me semble que tu ne toucheras pas (trop) au CSS, par contre tu devras comprendre comment appeller les bonnes balises mais surtout leur 'classe' (ou 'id', selon le CSS)

Si tu dois travailler dans l'urgence (parfois c'est intéressant de travailler dans l'urgence), tu veux juste garder le squelette (=balises HTML) du mail RH et venir y placer ton contenu à toi.

Maintenant, il me reste à comprendre comment ton générateur de mail automatique de ticket va pouvoir 'bouffer' ton CSS/HTML en laissant les champs libres (on parle de twigg ?) mais ça c'est peut-être justement la partie que tu maitrises mieux et où tu y vois clair ?

Mmmh peut être que je viens avec plus de questions que de réponses.... :figti:
Je vais laisser la main aux vrais web-dev de la salle :tongue:
01/02/2019 @ 14:14:18: Jean-Christophe: Help needed HTML/CSS
Alors... Dans l'ordre.
Je n'ai pas trouvé comment récupérer le contenu CSS d'un mail dans Outlook.
Donc, je suis coincé :smile:
J'ai essayer de "simplement" récupérer le truc d'origine mais ça part en couille très très rapidement. Il y a plein de tables imbriquées et c'est un enfer à éditer.
Et oui, je maîtrise la partie automation. C'est GLPI qui va faire le boulot. Il accepte sans broncher un CSS d'une part et un HTML de l'autre avec la possibilité de faire des boucles et des conditions. C'est assez bien fait :smile:
Le but de séparer le CSS, c'est que, du coup, tu ne modifies que le minimum pour avoir des notifications multi-lingues en fonction des préférences de l'utilisateur qui va recevoir le mail. Le CSS est commun.
01/02/2019 @ 16:40:54: Spizzer: Help needed HTML/CSS
C'est peut être un peu du reverse engineering, et certainement long et fastidieux, mais tu as accès à un webmail?
Si c'est le cas, tu peux toujours ouvrir le mail dans le webmail, et utiliser les outils développeur du browser pour inspecter les éléments qui t'intéressent, et "cloner" un CSS à partir de ca.

Sinon, il reste la solution de demander la source du mail au RH, mais ca risque d'être un template Outlook, voire Word (mais peut-être qu'un export html à partir de là peut aider)
03/02/2019 @ 10:16:00: antp: Help needed HTML/CSS
Si tu sauves le mail en html (file -> save as) tu ne récupères pas le code d'origine ?
Il me semble avoir déjà utilisé ça pour faire des tests en modifiant le code d'un mail généré plutôt que de le re-générer côté serveur pour du développement par essai-erreur :grin:
04/02/2019 @ 16:24:55: Jean-Christophe: Help needed HTML/CSS
J'ai trouvé un collègue nettement plus doué que moi.
Il m'a filé un sacré coup de main. Je vais finir par arriver à quelque chose :smile:

Merci pour votre soutien!
05/02/2019 @ 11:07:31: Dr_Dan: Help needed HTML/CSS
Si tu sauves le mail en html (file -> save as) tu ne récupères pas le code d'origine ?
Il me semble avoir déjà utilisé ça pour faire des tests en modifiant le code d'un mail généré plutôt que de le re-générer côté serveur pour du développement par essai-erreur :grin:



Je viens de faire un essai avec un mail vide. Ca génère pas mal de code html rien que pour afficher rien du tout :grin: :ciler:
Retour