Opmaak HTML Email

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

29/11/2013 16:55:35
Quote Anchor link
Hallo,

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?
 
PHP hulp

PHP hulp

19/12/2024 23:53:26
 
- Ariën  -
Beheerder

- Ariën -

29/11/2013 16:56:39
Quote Anchor link
CSS > rounded corners...

Is een CSS-tutorial niet wat om mee te beginnen, gezien dit je tweede vraag is in korte tijd?
 

29/11/2013 17:15:21
Quote Anchor link
Ik begrijp CSS aardig, het is inderdaad niet mijn sterkste punt. Ik dacht het balkje (vorige topic), dat dat met jquery moest. (vandaar ook die categorie).

Moet ik deze rounded corners nu in de Header zetten van de mail?
 
- Ariën  -
Beheerder

- Ariën -

29/11/2013 17:17:54
Quote Anchor link
jQuery is een laatste oplossing, als je bovendien echt wat interactiefs wilt. Je moet het niet voor elke scheet ge-/misbruiken.

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.
 

29/11/2013 17:32:57
Quote Anchor link
Als ik bijvoorbeeld dit heb:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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);
?>


Kan ik dan dit van $message maken? (Gaat alleen op $message, de $headers moet ik aanpassen zodat de HTML wordt geaccepteerd)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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>
?>
Gewijzigd op 29/11/2013 17:33:24 door
 
- SanThe -

- SanThe -

29/11/2013 17:37:50
 
- Ariën  -
Beheerder

- Ariën -

29/11/2013 17:43:44
Quote Anchor link
Een style-blok hoor in de <head>-sectie.
 

29/11/2013 18:02:54
Quote Anchor link
Ik heb nu dit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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);
?>


Wel een email, maar alleen de tekst, geen ronde hoeken. Wat gaat er mis? Ik heb geen mail als 'Error' gehad.
 
- Ariën  -
Beheerder

- Ariën -

29/11/2013 18:04:52
Quote Anchor link
Verdiep je eens in CSS, want je specificeert niet voor welk element je die eigenschappen voor wilt gebruiken.
Gewijzigd op 29/11/2013 18:05:06 door - Ariën -
 

29/11/2013 18:09:34
Quote Anchor link
Je bedoelt dat ik een class moet toevoegen?

Ah, in 1x goed:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<?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);
?>


Bedankt!
Gewijzigd op 29/11/2013 18:11:05 door
 
- SanThe -

- SanThe -

29/11/2013 18:10:21
Quote Anchor link
En je mist nog aardig wat html.
Zorg dat de html valid is.
 

29/11/2013 18:20:19
Quote Anchor link
Ga ik doen, thanks!
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.