رفتن به مطلب

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


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

دوستان سلام

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

ویرایش شده توسط سعید شعبانی
لینک به ارسال

سلام

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

لینک به ارسال

بفرما :

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

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

$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 داخل قالب برای چی هست؟

لینک به ارسال

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

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...