Comunidad de diseño web y desarrollo en internet online

Envio de E-mail en formato HTML

Citar            
MensajeEscrito el 11 Jun 2008 01:39 pm
Hola amigos tengo un archivo PHP para enviar un e-mail en formato HTML el problema es que cuando el e-mail llega a destino llega en texto plano y en algunas situaciones llega con formato pero no como debería…

Les dejo el archivo a continuación


Código :

<?php
$Email = $_GET['send_mail'];
$Headers = 'MIME-Version: 1.0' . "\r\n";
$Headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
$Headers .= 'To: '.$Email. "\r\n";
$Headers .= 'From: Mi Mail <[email protected]>' . "\r\n";
      
$Asunto_Mensaje = ‘Mi asunto’;
$Contenido_Mensaje = '   <html>
                     <head>
                        <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
                        <title>Titulo del Mensaje</title>
                        <style type="text/css">
                          <!--
                           body{margin:50px 0px 0px 0px; background:#000000; font-family:Arial; font-size:11px; color:#FFFFFF;}
                           a {color:#CC0000; text-decoration:underline;}
                           a:hover {text-decoration:none;}
                           .Resaltado{font-weight:bold; color:#CC0000;}
                           #Area{width:450px; margin:auto;}
                           #Mensaje{width:381px; float:right; background:#FFFFFF; padding:10px;}
                           #Titulo{background:#CC0000; color:#FFFFFF; font-weight:bold; padding:10px; margin-bottom:10px;}
                           #Texto{color:#333333;}
                           #Logo{width:165px; height:183px; float:left; background-image:url(http://www.misitio.com/miimagen.jpg); background-repeat:no-repeat; }
                           #Informacion{width:285px; float:right;}
                           #Firma{text-align:center; background:#FFFFFF; color:#333333; padding:31px 10px 30px 10px;}
                           #Pie{padding-top:10px; text-align:right;}
                           #Pie a {font-weight:bold; color:#fff; text-decoration:none;}
                           #Pie a:hover {text-decoration:underline;}
                          -->
                          </style>
                     </head>

                      <body>
                        
                           <div id="Area"> 
                              <div id="Mensaje">
                                 <div id="Titulo">Titulo del mensaje</div>
                                 <div id="Texto">
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt magna vitae velit. Nam sit amet ante. Donec augue purus, eleifend id, egestas at, interdum hendrerit, erat. Donec sagittis vulputate dui. Sed eleifend. Nam pretium justo quis neque. In dolor magna, eleifend in, imperdiet sed, accumsan in, magna. Suspendisse mollis. Mauris eu lectus vel orci porta molestie. Cras rutrum sollicitudin urna. Nam vestibulum. Aenean varius leo eu pede. Proin rutrum, nisl sit amet sagittis vulputate, nisi libero porta elit, vel molestie justo eros nec nunc. Nunc erat mi, condimentum non, sollicitudin sit amet, tincidunt a, tortor. Vivamus euismod aliquet lacus.
                                 </div>
                              </div>
                           
                              <div id="Margen">
                                 <div id="Logo"> </div>
                                 <div id="Informacion"> 
                                    <div id="Firma"> 
                                       <span class="Resaltado">
                                          In dolor magna, eleifend
                                       </span><br />
                                       Aenean varius leo eu pede <br />
                                       imperdiet sed, accumsan <br />
                                       Aenean varius leo eu pede <a href="http://www.misitio.com ">MI Sitio</a>
                                    </div>
                                    <div id="Pie">
                                       <a href="http://www.misitio.com ">MI Sitio</a>, Derechos Reservados<br />
                                       <a href="mailto:[email protected]"> [email protected] </a> | Mi direccion<br />
                                       condimentum non, sollicitudin sit amet, tincidunt
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                      </body>
                  </html>';
      
mail($Email, $Asunto_Mensaje, $Contenido_Mensaje, $Headers);

echo 'Para: '.$Email.'<br />';   
echo 'Asunto: '.$Asunto_Mensaje.'<br />';         
echo $Contenido_Mensaje;
      
exit;
?>

Por Zis

Claber

314 de clabLevel

1 tutorial

Genero:Masculino  

Bell Ville - Cordoba - Argentina

firefox
Citar            
MensajeEscrito el 11 Jun 2008 02:47 pm
Zis, en mi experiencia con envió de emails, fuí reemplazando mail() por phpmailer ([url]phpmailer.codeworxtech.com/[/url]).

PHPmailer es una clase bastante sencilla de utilizar y permite hacer más... en menos código... y evita dolores de cabeza.

Veo que dentro utilizas estilos con imágenes de fondo. A esto lo intenté de todas formas y nunca pude utilizarlo; en lo contrario, deberás adjuntar las imágenes y enviarla.

Si existe otra técnica o la solución exacta... algun claber nos lo hará conocer.

Exitos!

Por Necrophasto

Claber

148 de clabLevel



Genero:Masculino  

Diseñador gráfico y web

mozilla

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.