رفتن به مطلب

چگونه می توان یک قالب برای ایمیل ساخت؟


پست های پیشنهاد شده

دوستان سلام

من کد نویسی html و css را بلد هستم حالا می خواستم بدونم برای ساخت قالب برای ایمیل باید چیکار کنم؟

ویرایش شده توسط سعید شعبانی
  • امتیاز 1
لینک به ارسال

سلام

برای طراحی خبرنامه ی ایمیلی یکم نحوه ی کد نویسی فرق میکنه ... برخی از خصوصیات ها پشتیبانی نمیشه ، باید استایل ها درون خطی باشه ... اکثرا من دیدم با تگ table طراحی میکنن .... این سایت هم نشون داده که کدوم خصوصیت ها در کدوم سرویس دهنده های میل پشتیبانی میشه ، مثلا اگر از خصوصیت text-overflow در استایل استفاده کردید ، ایمیل هایی که به سرویس جیمیل و یاهو رفته این خصوصیت رو پشتیبانی نمیکنه ! و در نتیجه برای کاربر نشون داده نمیشه یا مثلا اگر از تگ استایل در هد استفاده کنید جیمیل پشتیبانی نمیکنه ! و ... پس خیلی با حوصله و دقت باید بشینید طراحی کنید !!

  • امتیاز 4
لینک به ارسال

بفرما :

اینو خودم درست کردم.

<?php

$to = "info@khabargir.ir";

$subject = $_POST['subject'];

$name=$_POST['name'];

$from = $_POST['email']." خبرگیر ";

$url = $_POST['website'];

$tel = $_POST['phone'];

$pm=$_POST['pm'];

$message = '<html>

<head>

<style type="text/css">

p {

border:none;

text-decoration:none;

font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;

font-size:14px;

line-height:17px;

color:#999999;

text-shadow:0 1px 0 #ffffff

}

a {

text-decoration:none;

}

</style>

</head>

<body>

<table align="center" cellpadding="0" cellspacing="0" border="0" width="670" style="border:0px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;background-color:#ffffff;background-color:#dddddd">

<tbody>

<tr>

<td> <a href="http://olomrayaneh.org/" style="border:none;color:#0084b4;text-decoration:none" target="_blank"><span></span></a>

<table cellpadding="0" cellspacing="0" border="0" width="670" style="background-color:#f2f2f2;table-layout:fixed">

<tbody>

<tr>

<td style="width:19px;min-height:77px">  </td>

<td height="94" width="46" valign="top" rowspan="2" style="background-color:#ffffff;line-height:100%"><img src="http://img.olomrayaneh.org//2012/09/ribbon.png" width="46" height="94" style="border:0;background-color:#fff;line-height:100%;border:0"></td>

<td width="9">  </td>

<td width="10" height="77">  </td>

<td width="458" height="77" style="font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;color:#333333">

<table border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="font-size:14px;font-weight:bold;color:#000000"> خبرگیر </td>

</tr>

<tr>

<td style="font-size:14px;color:#666666"> پویش آخرین اخبار ایران و جهان </td>

</tr>

</tbody>

</table> </td>

<td width="10" height="77">  </td>

<td width="32" style="text-align:right"> <a href="http://khabargir.ir/" style="border:none;color:#0084b4;text-decoration:none;margin-right: -130px" target="_blank"><img src="http://cdn.khabargir.ir/img/logo.png" alt="خبرگیر" style="margin-right:-130px;display:block;border-radius:5px;border:0"></a> </td>

<td style="background-color:#f2f2f2;table-layout:fixed;width:85px"></td>

</tr>

<tr>

<td style="border-top:1px solid #dddddd;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff"> </td>

<td style="border-top:1px solid #dddddd;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff"> </td>

<td height="17" style="border-top:1px solid #dddddd;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff"><img width="1" height="1" style="display:block;border:0" src="http://olomrayaneh.org/"></td>

<td height="17" colspan="4" style="border-top:1px solid #dddddd;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff"> </td>

</tr>

</tbody>

</table> </td>

<td rowspan="3"></td>

</tr>

<tr>

<td style="background:#ffffff">

<table width="670" border="0" cellpadding="0" cellspacing="0" style="font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff">

<tbody>

<tr>

<td style="width:85px"></td>

<td width="520">

<table width="100%" cellpadding="0" cellspacing="0" border="0">

<tbody>

<tr>

<td height="22"></td>

</tr>

<tr>

<td align="center">

<tr>

<td align="center">

<table border="0" cellpadding="0" cellspacing="0" style="direction: rtl;float: right;">

<tbody>

<tr>

<td>

محتوای ایمیل باید در اینجا قرار بگیرد

</td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

<td height="15"></td>

</tr>

</tbody>

</table> </td>

<td style="width:85px"></td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

<td>

<table bgcolor="#eeeeee" border="0" cellpadding="0" cellspacing="0" width="670" style="background-color:#eeeeee;;border-top-color:#dddddd;border-top-style:solid;border-top-width:1px">

<tbody>

<tr>

<td colspan="4" height="28"></td>

</tr>

<tr>

<td style="width:85px"></td>

<td style="font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;font-size:12px;line-height:17px;color:#777;text-shadow:0 1px 0 #ffffff">

<div style="direction: rtl;">

<a href="http://khabargir.ir/" style="border:none;color:#0084b4;text-decoration:none;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;text-decoration:none;font-size:11px;line-height:17px;color:#999999;text-shadow:0 1px 0 #ffffff">تمامی حقوق مطالب، تصاویر و طرح قالب برای خبرگیر محفوظ است، نقل و استفاده از آنها در سایت ها و نشریات تنها با ذکر منبع مجاز میباشد.</a>

<a href="http://khabargir.ir/" target="_blank" title="خبرگیر"><P style="direction: ltr;">http://khabargir.ir</P>

</div> </td>

<td style="width:85px"></td>

</tr>

<tr>

<td colspan="3" height="25"></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

</body>

</html>';

$headers .= 'MIME-Version: 1.0' . "\r\n";

$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";

$headers .= "From:". $from;

if(!empty($from)&&!empty($name)&&!empty($subject)&&!empty($pm))

{

@mail ($to,$subject,$message,$headers);

if(mail)

echo '<p id="message" class="sucses">پیام شما ارسال شد. در صورت لزوم با شما تماس گرفته میشود.</p>';

else

echo '<p id="message" class="alert">پیام شما ارسال نشد. لطفا دوباره سعی کنید.</p>';

}

?>

برو حالشو ببر ...

  • امتیاز 2
لینک به ارسال

بفرما :

اینو خودم درست کردم.

<?php

$to = "info@khabargir.ir";

$subject = $_POST['subject'];

$name=$_POST['name'];

$from = $_POST['email']." خبرگیر ";

$url = $_POST['website'];

$tel = $_POST['phone'];

$pm=$_POST['pm'];

$message = '<html>

<head>

<style type="text/css">

p {

border:none;

text-decoration:none;

font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;

font-size:14px;

line-height:17px;

color:#999999;

text-shadow:0 1px 0 #ffffff

}

a {

text-decoration:none;

}

</style>

</head>

<body>

<table align="center" cellpadding="0" cellspacing="0" border="0" width="670" style="border:0px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;background-color:#ffffff;background-color:#dddddd">

<tbody>

<tr>

<td> <a href="http://olomrayaneh.org/" style="border:none;color:#0084b4;text-decoration:none" target="_blank"><span></span></a>

<table cellpadding="0" cellspacing="0" border="0" width="670" style="background-color:#f2f2f2;table-layout:fixed">

<tbody>

<tr>

<td style="width:19px;min-height:77px">  </td>

<td height="94" width="46" valign="top" rowspan="2" style="background-color:#ffffff;line-height:100%"><img src="http://img.olomrayaneh.org//2012/09/ribbon.png" width="46" height="94" style="border:0;background-color:#fff;line-height:100%;border:0"></td>

<td width="9">  </td>

<td width="10" height="77">  </td>

<td width="458" height="77" style="font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;color:#333333">

<table border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="font-size:14px;font-weight:bold;color:#000000"> خبرگیر </td>

</tr>

<tr>

<td style="font-size:14px;color:#666666"> پویش آخرین اخبار ایران و جهان </td>

</tr>

</tbody>

</table> </td>

<td width="10" height="77">  </td>

<td width="32" style="text-align:right"> <a href="http://khabargir.ir/" style="border:none;color:#0084b4;text-decoration:none;margin-right: -130px" target="_blank"><img src="http://cdn.khabargir.ir/img/logo.png" alt="خبرگیر" style="margin-right:-130px;display:block;border-radius:5px;border:0"></a> </td>

<td style="background-color:#f2f2f2;table-layout:fixed;width:85px"></td>

</tr>

<tr>

<td style="border-top:1px solid #dddddd;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff"> </td>

<td style="border-top:1px solid #dddddd;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff"> </td>

<td height="17" style="border-top:1px solid #dddddd;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff"><img width="1" height="1" style="display:block;border:0" src="http://olomrayaneh.org/"></td>

<td height="17" colspan="4" style="border-top:1px solid #dddddd;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff"> </td>

</tr>

</tbody>

</table> </td>

<td rowspan="3"></td>

</tr>

<tr>

<td style="background:#ffffff">

<table width="670" border="0" cellpadding="0" cellspacing="0" style="font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;background-color:#ffffff">

<tbody>

<tr>

<td style="width:85px"></td>

<td width="520">

<table width="100%" cellpadding="0" cellspacing="0" border="0">

<tbody>

<tr>

<td height="22"></td>

</tr>

<tr>

<td align="center">

<tr>

<td align="center">

<table border="0" cellpadding="0" cellspacing="0" style="direction: rtl;float: right;">

<tbody>

<tr>

<td>

محتوای ایمیل باید در اینجا قرار بگیرد

</td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

<td height="15"></td>

</tr>

</tbody>

</table> </td>

<td style="width:85px"></td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

<td>

<table bgcolor="#eeeeee" border="0" cellpadding="0" cellspacing="0" width="670" style="background-color:#eeeeee;;border-top-color:#dddddd;border-top-style:solid;border-top-width:1px">

<tbody>

<tr>

<td colspan="4" height="28"></td>

</tr>

<tr>

<td style="width:85px"></td>

<td style="font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;font-size:12px;line-height:17px;color:#777;text-shadow:0 1px 0 #ffffff">

<div style="direction: rtl;">

<a href="http://khabargir.ir/" style="border:none;color:#0084b4;text-decoration:none;font-family:'.'Helvetica Neue'.',Helvetica,Arial,sans-serif;text-decoration:none;font-size:11px;line-height:17px;color:#999999;text-shadow:0 1px 0 #ffffff">تمامی حقوق مطالب، تصاویر و طرح قالب برای خبرگیر محفوظ است، نقل و استفاده از آنها در سایت ها و نشریات تنها با ذکر منبع مجاز میباشد.</a>

<a href="http://khabargir.ir/" target="_blank" title="خبرگیر"><P style="direction: ltr;">http://khabargir.ir</P>

</div> </td>

<td style="width:85px"></td>

</tr>

<tr>

<td colspan="3" height="25"></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

</body>

</html>';

$headers .= 'MIME-Version: 1.0' . "\r\n";

$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";

$headers .= "From:". $from;

if(!empty($from)&&!empty($name)&&!empty($subject)&&!empty($pm))

{

@mail ($to,$subject,$message,$headers);

if(mail)

echo '<p id="message" class="sucses">پیام شما ارسال شد. در صورت لزوم با شما تماس گرفته میشود.</p>';

else

echo '<p id="message" class="alert">پیام شما ارسال نشد. لطفا دوباره سعی کنید.</p>';

}

?>

برو حالشو ببر ...

ممنون ولی کد های php داخل قالب برای چی هست؟

  • امتیاز 1
لینک به ارسال

بستگی داره که به چه حالت میخواین خبرنامه بفرستید

اسکریپت هست یا سایت یا سرویس یا دستی...

در هر صورت قالب کلی خبرنامه همون html-css هست

  • امتیاز 4
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...