Fonction Mail - Mettre du CSS
Blast0Kd Le 15 mai 2016 à 10:46 (Édité le 25 janvier 2019 à 17:51)
Voici ce que j'ai essayé :
<link href="http://www.skilldevice.fr/assets/css/styles.css" rel="stylesheet" type="text/css">
TheOldNoob Le 15 mai 2016 à 11:04 (Édité le 15 mai 2016 à 11:07)
C'est exactement le probleme?
Parce qu'il suffit juste d'appelé une feuille de style. Que la tu va chercher sur www.skilldevice.fr.
Je pense que tu devrait essayé ça :
<link href="css/styles.css" rel="stylesheet" type="text/css">
Blast0Kd Le 15 mai 2016 à 11:09
$result = false;
$result_msg = "";
$header="MIME-Version: 1.0\r\n";
$header.='From:"Inscription"<support@skilldevice.fr>'."\n";
$header.='Content-Type:text/html; charset="uft-8"'."\n";
$header.='Content-Transfer-Encoding: 8bit';
$message='
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link href="http://www.skilldevice.fr/assets/css/styles.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
</head>
<body>
<div class="container sections-wrapper">
<div class="row">
<div class="primary col-md-8 col-sm-12 col-xs-12">
<section class="latest section">
<div class="section-inner">
<div class="content">
<div class="desc text-left">
<br />
<h3 style="color: #778492;" align="left"><b>'.htmlspecialchars($_POST['pseudo']).'</b>,</h3><br />
<p>Votre espace client a été créé avec succès. Retrouvez ci-dessous vos informations de connexions, ces informations sont confidentiels et ne doivent en aucun cas être divulgés à un tiers.</p>
<table style="border-collapse: collapse; width: 100%;">
<tr style="tr:nth-child(even){background-color: #f2f2f2}">
<th style="text-align: left;padding: 8px;">Paramètres</th>
<th style="text-align: left;padding: 8px;">Contenu</th>
</tr>
<tr style="tr:nth-child(even){background-color: #f2f2f2}">
<td style="text-align: left;padding: 8px;">Pseudo : </td>
<td style="text-align: left;padding: 8px;"><b>'.htmlspecialchars($_POST['pseudo']).'</b></td>
<tr>
<tr style="tr:nth-child(even){background-color: #f2f2f2}">
<td style="text-align: left;padding: 8px;">Mot de passe : </td>
<td style="text-align: left;padding: 8px;"><b>'.htmlspecialchars($_POST['mdp']).'</b></td>
<tr>
<tr style="tr:nth-child(even){background-color: #f2f2f2}">
<td style="text-align: left;padding: 8px;">Adresse mail : </td>
<td style="text-align: left;padding: 8px;"><b>'.htmlspecialchars($_POST['mail']).'</b></td>
<tr>
</table>
<p>(Ce message a été envoyé le '.date("d/m/Y").' à '.date("H:i").')</p>
<br />
</div>
</div>
</div>
<section>
</div>
</body>
</html>
';
$result = mail($_POST["mail"], "Espace Client", $message, $header);
Blast0Kd Le 15 mai 2016 à 11:10
TheOldNoob Le 15 mai 2016 à 11:12
Blast0Kd Le 15 mai 2016 à 11:16
$result = false;
$result_msg = "";
$header="MIME-Version: 1.0\r\n";
$header.='From:"Inscription"<support@skilldevice.fr>'."\n";
$header.='Content-Type:text/html; charset="uft-8"'."\n";
$header.='Content-Transfer-Encoding: 8bit';
$message='
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link href="../assets/css/styles.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
</head>
<body>
<div class="container sections-wrapper">
<div class="row">
<div class="primary col-md-8 col-sm-12 col-xs-12">
<section class="latest section">
<div class="section-inner">
<div class="content">
<div class="desc text-left">
<br />
<h3 class="title"><b>'.htmlspecialchars($_POST['pseudo']).'</b>,</h3><br />
<p>Votre espace client a été créé avec succès. Retrouvez ci-dessous vos informations de connexions, ces informations sont confidentiels et ne doivent en aucun cas être divulgés à un tiers.</p>
<table>
<tr >
<th>Paramètres</th>
<th>Contenu</th>
</tr>
<tr >
<td>Pseudo : </td>
<td><b>'.htmlspecialchars($_POST['pseudo']).'</b></td>
<tr>
<tr >
<td>Mot de passe : </td>
<td><b>'.htmlspecialchars($_POST['mdp']).'</b></td>
<tr>
<tr >
<td>Adresse mail : </td>
<td><b>'.htmlspecialchars($_POST['mail']).'</b></td>
<tr>
</table>
<p>(Ce message a été envoyé le '.date("d/m/Y").' à '.date("H:i").')</p>
<br />
</div>
</div>
</div>
<section>
</div>
</body>
</html>
';
$result = mail($_POST["mail"], "Espace Client", $message, $header);
TheOldNoob Le 15 mai 2016 à 11:22
Le gros probleme du style dans les mails, c'est que chaque webmail gère a sa façon le styles, seul les clients e-mails type Outlook, Thunderbird... gère assé correctement le html/css.
Du coup, je te conseil d'utilisé des tableau et surtout utilisé des style en ligne directement sur les élement concernés avec des attribut style=""
Blast0Kd Le 15 mai 2016 à 11:25
Aendawan Le 15 mai 2016 à 19:54
De plus, tous n'est pas pris en charge par les clients mail.
