메일 템플릿 : 일반형 - 공지_이미지포함

메일 템플릿 : 일반형 - 공지_이미지포함_1단

썬더메일 활용방안/메일 템플릿
2019. 3. 7.

메일 템플릿 : 일반형 - 공지_이미지포함_1단

미리보기는 하단을 참고하세요.

<title>no title</title>

table th { margin:0 !important; padding:0 !important; vertical-align:top !important; font-weight: normal !important; }

body{ padding:0; margin:0; width:100%; margin-left:0px !important; margin-right:0px !important; }

html { -webkit-text-size-adjust:none; }

v\:* { behavior: url(#default#VML); display:block;}

.ExternalClass * { line-height: 100%; }

.ReadMsgBody { width: 100%; }

.ExternalClass { width: 100%; }

.ExternalClass *{line-height:100%; }

.amz_link {color:#333333;}

.iosLinkPurple a { color:#97005e; text-decoration:none; }

.iosLinkMaroon a { color:#98005d; text-decoration:none; }

.iosLinkGrey a { color:#666666; text-decoration:none; }

.iosLinke0e0e0 a { color:#e0e0e0; text-decoration:none; }

@media screen and (max-width: 620px) {

*[class].block {display:block !important;}

*[class].hide {display:none !important;}

*[class].rel { position:relative !important; }

*[class].abs { position:absolute !important; }

*[class].show {display: block !important; width: auto !important; overflow: visible !important; float: none !important; max-height: inherit !important; line-height: inherit !important;}

/* ALIGNMENT */

*[class].aligncenter {text-align:center !important;}

*[class].alignleft {text-align:left !important;}

*[class].alignright {text-align:right !important;}

*[class].valigntop { vertical-align:top !important; }

*[class].valigncenter { vertical-align:middle !important; }

*[class].centertable {margin:0 auto !important;}

*[class].floatleft{ float: left !important; }

*[class].floatright{ float: right !important; }

/*** heights & widths ****/

*[class].width1 {width:1px !important;}

*[class].width2 {width:2px !important;}

*[class].width3 {width:3px !important;}

*[class].width4 {width:4px !important;}

*[class].width5 {width:5px !important;}

*[class].width6 {width:6px !important;}

*[class].width7 {width:7px !important;}

*[class].width8 {width:8px !important;}

*[class].width9 {width:9px !important;}

*[class].width10 {width:10px !important;}

*[class].width11 {width:11px !important;}

*[class].width12 {width:12px !important;}

*[class].width13 {width:13px !important;}

*[class].width14 {width:14px !important;}

*[class].width15 {width:15px !important;}

*[class].width16 {width:16px !important;}

*[class].width18 {width:18px !important;}

*[class].width19 {width:19px !important;}

*[class].width20 {width:20px !important;}

*[class].width21 {width:21px !important;}

*[class].width22 {width:22px !important;}

*[class].width24 {width:24px !important;}

*[class].width25 {width:25px !important;}

*[class].width27 {width:27px !important;}

*[class].width28 {width:28px !important;}

*[class].width30 {width:30px !important;}

*[class].width35 {width:35px !important;}

*[class].width36 {width:36px !important;}

*[class].width40 {width:40px !important;}

*[class].width42 {width:42px !important;}

*[class].width45 {width:45px !important;}

*[class].width48 {width:48px !important;}

*[class].width50 {width:50px !important;}

*[class].width55 {width:55px !important;}

*[class].width58 {width:58px !important;}

*[class].width59 {width:59px !important;}

*[class].width60 {width:60px !important;}

*[class].width65 {width:65px !important;}

*[class].width66 {width:66px !important;}

*[class].width75 {width:75px !important;}

*[class].width77 {width:77px !important;}

*[class].width85 {width:85px !important;}

*[class].width87 {width:87px !important;}

*[class].width90 {width:90px !important;}

*[class].width94 {width:94px !important;}

*[class].width95 {width:95px !important;}

*[class].width96 {width:96px !important;}

*[class].width97 {width:97px !important;}

*[class].width98 {width:98px !important;}

*[class].width100 {width:100px !important;}

*[class].width104 {width:104px !important;}

*[class].width105 {width:105px !important;}

*[class].width108 {width:108px !important;}

*[class].width110 {width:110px !important;}

*[class].width111 {width:111px !important;}

*[class].width115 {width:115px !important;}

*[class].width118 {width:118px !important;}

*[class].width122 {width:122px !important;}

*[class].width123 {width:123px !important;}

*[class].width125 {width:125px !important;}

*[class].width128 {width:128px !important;}

*[class].width130 {width:130px !important;}

*[class].width131 {width:131px !important;}

*[class].width133 {width:133px !important;}

*[class].width135 {width:135px !important;}

*[class].width136 {width:136px !important;}

*[class].width138 {width:138px !important;}

*[class].width139 {width:139px !important;}

*[class].width140 {width:140px !important;}

*[class].width142 {width:142px !important;}

*[class].width143 {width:143px !important;}

*[class].width144 {width:144px !important;}

*[class].width146 {width:146px !important;}

*[class].width148 {width:148px !important;}

*[class].width150 {width:150px !important;}

*[class].width152 {width:152px !important;}

*[class].width153 {width:153px !important;}

*[class].width155 {width:155px !important;}

*[class].width156 {width:156px !important;}

*[class].width157 {width:157px !important;}

*[class].width159 {width:159px !important;}

*[class].width160 {width:160px !important;}

*[class].width165 {width:165px !important;}

*[class].width170 {width:170px !important;}

*[class].width171 {width:171px !important;}

*[class].width172 {width:172px !important;}

*[class].width175 {width:175px !important;}

*[class].width180 {width:180px !important;}

*[class].width184 {width:184px !important;}

*[class].width187 {width:187px !important;}

*[class].width188 {width:188px !important;}

*[class].width189 {width:189px !important;}

*[class].width190 {width:190px !important;}

*[class].width194 {width:194px !important;}

*[class].width195 {width:195px !important;}

*[class].width208 {width:208px !important;}

*[class].width209 {width:209px !important;}

*[class].width210 {width:210px !important;}

*[class].width212 {width:212px !important;}

*[class].width214 {width:214px !important;}

*[class].width215 {width:215px !important;}

*[class].width218 {width:218px !important;}

*[class].width220 {width:220px !important;}

*[class].width222 {width:222px !important;}

*[class].width230 {width:230px !important;}

*[class].width232 {width:232px !important;}

*[class].width235 {width:235px !important;}

*[class].width240 {width:240px !important;}

*[class].width242 {width:242px !important;}

*[class].width246 {width:246px !important;}

*[class].width245 {width:245px !important;}

*[class].width250 {width:250px !important;}

*[class].width256 {width:256px !important;}

*[class].width258 {width:258px !important;}

*[class].width260 {width:260px !important;}

*[class].width264 {width:264px !important;}

*[class].width266 {width:266px !important;}

*[class].width268 {width:268px !important;}

*[class].width270 {width:270px !important;}

*[class].width272 {width:272px !important;}

*[class].width275 {width:275px !important;}

*[class].width276 {width:276px !important;}

*[class].width278 {width:278px !important;}

*[class].width285 {width:285px !important;}

*[class].width286 {width:286px !important;}

*[class].width296 {width:296px !important;}

*[class].width298 {width:298px !important;}

*[class].width300 {width:300px !important;}

*[class].width305 {width:305px !important;}

*[class].width310 {width:310px !important;}

*[class].width312 {width:312px !important;}

*[class].width318 {width:318px !important;}

*[class].width320 {width:320px !important;}

*[class].width323 {width:323px !important;}

*[class].width324 {width:324px !important;}

*[class].width326 {width:326px !important;}

*[class].width330 {width:330px !important;}

*[class].width340 {width:340px !important;}

*[class].width350 {width:350px !important;}

*[class].width370 {width:370px !important;}

*[class].hauto {height:auto !important;}

*[class].height1 {height:1px !important;}

*[class].height2 {height:2px !important;}

*[class].height3 {height:3px !important;}

*[class].height4 {height:4px !important;}

*[class].height5 {height:5px !important;}

*[class].height6 {height:6px !important;}

*[class].height7 {height:7px !important;}

*[class].height8 {height:8px !important;}

*[class].height9 {height:9px !important;}

*[class].height10 {height:10px !important;}

*[class].height11 {height:11px !important;}

*[class].height12 {height:12px !important;}

*[class].height13 {height:13px !important;}

*[class].height14 {height:14px !important;}

*[class].height15 {height:15px !important;}

*[class].height16 {height:16px !important;}

*[class].height17 {height:17px !important;}

*[class].height18 {height:18px !important;}

*[class].height20 {height:20px !important;}

*[class].height21 {height:21px !important;}

*[class].height24 {height:24px !important;}

*[class].height25 {height:25px !important;}

*[class].height27 {height:27px !important;}

*[class].height28 {height:28px !important;}

*[class].height30 {height:30px !important;}

*[class].height32 {height:32px !important;}

*[class].height35 {height:35px !important;}

*[class].height36 {height:36px !important;}

*[class].height40 {height:40px !important;}

*[class].height41 {height:41px !important;}

*[class].height42 {height:42px !important;}

*[class].height45 {height:45px !important;}

*[class].height46 {height:46px !important;}

*[class].height47 {height:47px !important;}

*[class].height50 {height:50px !important;}

*[class].height53 {height:53px !important;}

*[class].height58 {height:58px !important;}

*[class].height67 {height:67px !important;}

*[class].height72 {height:72px !important;}

*[class].height76 {height:76px !important;}

*[class].height80 {height:80px !important;}

*[class].height85 {height:85px !important;}

*[class].height86 {height:86px !important;}

*[class].height90 {height:90px !important;}

*[class].height130 {height:130px !important;}

*[class].height173 {height:173px !important;}

*[class].height177 {height:177px !important;}

*[class].height140 {height:140px !important;}

*[class].height189 {height:189px !important;}

*[class].height203 {height:203px !important;}

*[class].height251 {height:251px !important;}

*[class].height319 {height:319px !important;}

*[class].height322 {height:322px !important;}

*[class].height330 {height:330px !important;}

*[class].height340 {height:340px !important;}

*[class].height350 {height:350px !important;}

/*** padding/margin ****/

*[class].paddingl0 {padding-left:0px !important;}

*[class].paddingl10 {padding-left:10px !important;}

*[class].paddingl15 {padding-left:15px !important;}

*[class].paddingl55 {padding-left:55px !important;}

*[class].paddingr0 {padding-right:0px !important;}

*[class].paddingr10 {padding-right:10px !important;}

*[class].paddingr15 {padding-right:15px !important;}

*[class].paddingr55 {padding-right:55px !important;}

*[class].paddingb15 {padding-bottom:15px !important;}

*[class].paddingl16 {padding-left:16px !important;}

*[class].margina {margin:auto !important; }

*[class].margint6 {margin-top:6px !important;}

*[class].margint15 {margin-top:15px !important;}

*[class].margint30 {margin-top:30px !important;}

*[class].marginb9 {margin-bottom:9px !important;}

*[class].marginb15 {margin-bottom:15px !important;}

*[class].marginb30 {margin-bottom:30px !important;}

/*** fonts ****/

*[class].font10 {font-size:10px !important;}

*[class].font11 {font-size:11px !important;}

*[class].font12 {font-size:12px !important;}

*[class].font13 {font-size:13px !important;}

*[class].font14 {font-size:14px !important;}

*[class].font15 {font-size:15px !important;}

*[class].font16 {font-size:16px !important;}

*[class].font17 {font-size:17px !important;}

*[class].font18 {font-size:18px !important;}

*[class].font19 {font-size:19px !important;}

*[class].font20 {font-size:20px !important;}

*[class].font23 {font-size:23px !important;}

*[class].font24 {font-size:24px !important;}

*[class].font25 {font-size:25px !important;}

*[class].font32 {font-size:32px !important;}

*[class].font36 {font-size:36px !important;}

*[class].line12 {line-height:12px !important;}

*[class].line13 {line-height:13px !important;}

*[class].line14 {line-height:14px !important;}

*[class].line15 {line-height:15px !important;}

*[class].line16 {line-height:16px !important;}

*[class].line18 {line-height:18px !important;}

*[class].line17 {line-height:17px !important;}

*[class].line20 {line-height:20px !important;}

*[class].line21 {line-height:21px !important;}

*[class].line22 {line-height:22px !important;}

*[class].line23 {line-height:23px !important;}

*[class].line24 {line-height:24px !important;}

*[class].line27 {line-height:27px !important;}

*[class].line29 {line-height:29px !important;}

*[class].line34 {line-height:34px !important;}

*[class].line40 {line-height:40px !important;}

/*** positioning ***/

*[class].top0 {top:0px !important;}

*[class].top12 {top:12px !important;}

*[class].top16 {top:16px !important;}

*[class].top21 {top:21px !important;}

*[class].top30 {top:30px !important;}

*[class].top32 {top:32px !important;}

*[class].top189 {top:189px !important;}

*[class].left0 {left:0 !important;}

*[class].left15 {left:15 !important;}

*[class].left77 {left:77px !important;}

*[class].left78 {left:78px !important;}

*[class].left138 {left:138px !important;}

*[class].left143 {left:143px !important;}

*[class].left153 {left:138px !important;}

*[class].left156 {left:156px !important;}

*[class].left178 {left:178px !important;}

*[class].cap{ display: table-caption !important; }

*[class].head{ display:table-header-group !important; }

*[class].foot{ display:table-footer-group !important; }

*[class].bggrey {background-color:#cacaca !important;}

*[class].bgwhite {background-color:#ffffff !important;}

*[class].bg28 {background-size: 28px auto !important;}

*[class].bg90 {background-size: 90px auto !important;}

*[class].bg330 {background-size: 330px auto !important;}

*[class].bg370 {background-size: 370px auto !important;}

*[class].bg370x200 {background-size: 370px 200px !important;}

/*** DIV alignment ***/

*[class].columnl {display: table-cell; width: 77px !important;}

*[class].columnr {display: table-cell; width: 189px !important;}

}

</style>

<!--[if gte mso 9]>

<style>

.mr15{ margin-right:15px !important;}

.ml15{ margin-left:15px !important;}

.mlr10{ margin-left:10px; margin-right:10px !important;}

.mr10lr10 { margin-left:10px !important; margin-right:10px !important;}

.mr15lr15 { margin-left:15px !important; margin-right:15px !important;}

.mr20lr20 { margin-left:20px !important; margin-right:20px !important;}

.cta{ margin-left:60px !important; margin-right:60px !important; margin-top:10px !important; margin-bottom:10px !important;}

</style>

<![endif]-->

</tr></tbody></table><table cellspacing="0" cellpadding="0" width="100%">

<div style="font-family:Arial,Helvetica,sans-serif; font-size:12px; color:rgb(102,102,102); line-height:18px;" class="hide">한줄 요약 : 구글 지메일 어플에서 메일 오픈전 보여지는 문구

</div>

</td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

<div style="font-family:Arial,Helvetica,sans-serif; font-size:16px; color:black; line-height:24px;" class="font16 line20">안녕하세요</div>

간단하게 메일을 작성해서 발송하고자 할 때 사용하시면 됩니다. 폭이 좁아서 데스크탑과 모바일에서 잘 보이는 템플릿입니다.

</div>

</td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

가나다라마바사 아자차카타파하 <br><br>

가나다라 마바사.

</div>

</td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

<td height="45" valign="middle" align="center" style="background-color:#f8a51a; border-radius:5px; font-family:Arial,sans-serif; font-size:20px; line-height:19px; font-weight:bold;" class="height24"><a href="http://thundermail.co.kr" style="display:block; text-decoration:none; color:#ffffff; white-space:nowrap;" target="_blank" class="font11 line13">   Click Here   </a></td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

<p>더 이상 수신을 원치 않으시면 <a href="#" target="_blank">수신거부</a> 버튼을 클릭해주세요. If you don't want this type of e-mail, please <a href="#" target="_blank">click.</a></p>

<p>서울시 강남구 가나다 8 마바사 801호 (주)가나다 TEL : 070-7000-1111<br> E-mail : test@domain.com</p>

</div>

</td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

</td>

</tr>

</tbody></table>

</center>

no title

안녕하세요

간단하게 메일을 작성해서 발송하고자 할 때 사용하시면 됩니다. 폭이 좁아서 데스크탑과 모바일에서 잘 보이는 템플릿입니다.

가나다라마바사 아자차카타파하

가나다라 마바사.

Click Here

더 이상 수신을 원치 않으시면 수신거부 버튼을 클릭해주세요. If you don't want this type of e-mail, please click.

서울시 강남구 가나다 8 마바사 801호 (주)가나다 TEL : 070-7000-1111
E-mail : test@domain.com

안녕하세요. 썬더메일입니다. 영업문의: 070-7095-9792 , 기술문의: 070-7095-9794 , 메일문의처
지원 서비스: 대량ㆍ자동메일(API포함), 대량ㆍ자동SMS, 카카오톡 알림톡, 설문조사(와이즈서베이)

썬더메일 블로그

메일 템플릿 : 일반형 - 공지_이미지포함_1단

티스토리툴바

Copyright © Andwise Inc. All Rights Reserved Tel: 070-7095-9792

티스토리툴바

'썬더메일 활용방안/메일 템플릿' 관련 글

메일 템플릿 - 사각박스 뉴스레터 형

메일 템플릿 : 반응형 웹 템플릿 - Minty

메일 템플릿 : 반응형 -공지_이미지포함_1단

반응형 메일을 위한 메일 본문 템플릿 샘플입니다.

Copyright © Andwise Inc. All Rights Reserved Tel: 070-7095-9792

티스토리툴바