Opmaak HTML Email
Ik heb op dit moment een simpele email met alleen tekst, als ik die verstuurd.
Ik wil nu deze email netter maken door er een rand omheen te halen met ronde hoeken
(VB: http://i.imgur.com/quMRF1P.png)
Hoe doe ik dit?
Is een CSS-tutorial niet wat om mee te beginnen, gezien dit je tweede vraag is in korte tijd?
Moet ik deze rounded corners nu in de Header zetten van de mail?
je laatste vraag begrijp ik niet helemaal. Maar ik neem aan dat je met header de bovenkant van je mail bedoeld? In dat geval is het aan jouw de keuze hoe en waar je de rondingen wilt toevoegen.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<?php
$to = "[email protected]";
$subject = "Email Test Round Corners";
$message = "Dit is een test bericht met ronde hoeken";
$from = "[email protected]";
$headers = "From:" . $from;
mail($to,$subject,$message,$headers);
?>
$to = "[email protected]";
$subject = "Email Test Round Corners";
$message = "Dit is een test bericht met ronde hoeken";
$from = "[email protected]";
$headers = "From:" . $from;
mail($to,$subject,$message,$headers);
?>
Kan ik dan dit van $message maken? (Gaat alleen op $message, de $headers moet ik aanpassen zodat de HTML wordt geaccepteerd)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<?php
$message = "<body>
<style type='text/css'>
width:400px;
height:300px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color:#6FE3DF;
</style>
Dit is een test bericht met ronde hoeken
</body>
?>
$message = "<body>
<style type='text/css'>
width:400px;
height:300px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color:#6FE3DF;
</style>
Dit is een test bericht met ronde hoeken
</body>
?>
Een style-blok hoor in de <head>-sectie.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
$to = "[email protected]";
$subject = "Email Test Round Corners";
$error_emailadres = '[email protected]';
$message = "<head>
<style type='text/css'>
width:400px;
height:300px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color:#6FE3DF;
</style></head><body>
Dit is een test bericht met ronde hoeken
</body>";
$from = "[email protected]";
$headers = 'From: [email protected]' . "\r\n" .
'Reply-To: [email protected]'. "\r\n" .
'X-Mailer: PHP/' . phpversion();
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$headers .= 'Return-Path: Mail-Error <' . $error_emailadres . '>' . "\r\n";
mail($to,$subject,$message,$headers);
?>
$to = "[email protected]";
$subject = "Email Test Round Corners";
$error_emailadres = '[email protected]';
$message = "<head>
<style type='text/css'>
width:400px;
height:300px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color:#6FE3DF;
</style></head><body>
Dit is een test bericht met ronde hoeken
</body>";
$from = "[email protected]";
$headers = 'From: [email protected]' . "\r\n" .
'Reply-To: [email protected]'. "\r\n" .
'X-Mailer: PHP/' . phpversion();
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$headers .= 'Return-Path: Mail-Error <' . $error_emailadres . '>' . "\r\n";
mail($to,$subject,$message,$headers);
?>
Wel een email, maar alleen de tekst, geen ronde hoeken. Wat gaat er mis? Ik heb geen mail als 'Error' gehad.
Gewijzigd op 29/11/2013 18:05:06 door - Ariën -
Ah, in 1x goed:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php
$to = "";
$subject = "Email Test Round Corners";
$error_emailadres = '';
$message = "<head>
<style type='text/css'>
p {
width:400px;
height:300px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color:#6FE3DF;
}
</style></head><body>
<p>Dit is een test bericht met ronde hoeken</p>
</body>";
$from = "";
$headers = 'From: ' . "\r\n" .
'Reply-To: '. "\r\n" .
'X-Mailer: PHP/' . phpversion();
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$headers .= 'Return-Path: Mail-Error <' . $error_emailadres . '>' . "\r\n";
mail($to,$subject,$message,$headers);
?>
$to = "";
$subject = "Email Test Round Corners";
$error_emailadres = '';
$message = "<head>
<style type='text/css'>
p {
width:400px;
height:300px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color:#6FE3DF;
}
</style></head><body>
<p>Dit is een test bericht met ronde hoeken</p>
</body>";
$from = "";
$headers = 'From: ' . "\r\n" .
'Reply-To: '. "\r\n" .
'X-Mailer: PHP/' . phpversion();
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$headers .= 'Return-Path: Mail-Error <' . $error_emailadres . '>' . "\r\n";
mail($to,$subject,$message,$headers);
?>
Bedankt!
Zorg dat de html valid is.
Ga ik doen, thanks!