2012-10-05 3 views
1

PHP 메일 functon을 통해 전자 메일을 보낼 때 (이 HTML 코드를 한 줄에 넣고 메시지에 추가), 보내려는 내용을 말하게 할 수 있습니다. :html과 css가 PHP로되어있는 메일을 보내는 방법

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 
<html> 
    <head> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <style type="text/css"> 
     .box h3{ 
       text-align:right; 
       position:relative; 
       direction: rtl; 
     } 
     .box { 
       width:70%; 
       top:80px; 
       height:200px; 
       background: whitesmoke; 
       margin:40px auto; 
       text-align:right; 
       direction: rtl; 
     } 
     /*================================================== 
     * Effect 2 
     * ===============================================*/ 
     .effect2 
     { 
       position: relative; 
     } 
     .effect2:before, .effect2:after 
     { 
       z-index: -1; 
       position: absolute; 
       content: ""; 
       bottom: 15px; 
       left: 10px; 
       width: 50%; 
       top: 80%; 
       max-width:300px; 
       background: #777; 
       -webkit-box-shadow: 0 15px 10px #777; 
       -moz-box-shadow: 0 15px 10px #777; 
       box-shadow: 0 15px 10px #777; 
       -webkit-transform: rotate(-3deg); 
       -moz-transform: rotate(-3deg); 
       -o-transform: rotate(-3deg); 
       -ms-transform: rotate(-3deg); 
       transform: rotate(-3deg); 
     } 
     .effect2:after 
     { 
       -webkit-transform: rotate(3deg); 
       -moz-transform: rotate(3deg); 
       -o-transform: rotate(3deg); 
       -ms-transform: rotate(3deg); 
       transform: rotate(3deg); 
       right: 10px; 
       left: auto; 
     } 
     </style> 
    </head> 
    <body> 
     <div class="box effect2"> 
      <b>שלום,</b> 
      <p> 
       אנא לחץ על הקישור המצורף ע"מ לאשר את התחברותך לאתרץ 
      </p> 
      <p> 
       הלינק הוא: 
      </p> 
      <b> 
       תודה מראש, 
      </b> 
      <p><b> 
       צוות האתר 
       </b></p> 

     </div> 
    </body> 
</html> 

나는 PHP를 통해 보내려한다. 내가이 이메일을 보낼 때 나는 그것과 함께 이메일을 받고있다. 나는 원하는대로 태그를 붙이지 않았다.

감사

+1

이메일을 보내는 데 사용하는 코드를 추가 하시겠습니까? – andrewsi

답변

5

이메일 클라이언트는 CSS를 지원하지 않습니다 ..

당신이 바로 인라인 스타일을 가지고 ..

+0

하지만 스타일이 지정되지 않은 태그는 단지 일부 텍스트 vlio20

+0

으로 인쇄됩니다. HTML로 전자 메일을 보내지는 않습니다. 일반 텍스트로 보내고 있습니다. 변경해야합니다. –

+0

어떻게 알 수 있습니까? 그 양식화 된 스팸 전자 메일? – vlio20

1

이미 CSS와 HTML을 가지고, 당신은이 웹 사이트를 사용할 수있다 CSS 스타일을 HTML 전자 메일의 인라인 CSS 스타일로 변환합니다. 당신이 표시를 의도 한대로 수신기에 표시

http://inlinestyler.torchboxapps.com/

+0

빈 이메일 받기 – vlio20

+0

HTML 코드를 입력하셨습니까? 작동 방식을보기 위해 예제를로드 해보십시오. –

2

HTML 이메일은 간단하지 않다. 그들은 90 년대 후반과 더 비슷합니다. 스타일은 인라인되어야하며 레이아웃을 위해 테이블을 사용해야합니다. 백그라운드는 다양한 클라이언트에서 안정적으로 작동하지 않으며 html은 다양한 클라이언트간에 다양하기 때문에 다양한 클라이언트에서 테스트해야합니다.

보너스 : 등 CSS3와 HTML5 요소가 많은 클라이언트가 어떤 지원을하지를 표시 할 수있는에 포함되지 않습니다, 자바 스크립트/jQuery를 등 .... 또한

잊어. Outlook은 마진을 아주 잘 지원하지 않습니다. 우리가 익숙했던 모든 CSS는 말할 것도 없습니다.

here is some help on universally supported html/css

+0

이것은 매우 슬픈 일입니다! 감사합니다 – vlio20

+0

문제는 없습니다. 나는 디자인/전송/추적 이메일의 절반에 대해 내 시간을 보낸다. 그리고 나는 슬프다는 것에 동의하지만, 제약은 당신이 메시지와 깨끗한/단순한 디자인에 집중할 것을 강요합니다. 또 다른 요점은 - 많은 사용자가 기본적으로 이미지가 꺼져 있기 때문에 그렇게 생각할 필요가 있습니다. – dzogchen

1

이메일 클라이언트가 CSS를 지원하지 않습니다 ..... 그래서 아주 간단하게, 광범위하게 배치, 시험 테이블을 사용하고 근처에도 완벽한 픽셀을 드릴 것입니다 생각하지 않습니다. 따라서 다음과 같이 인라인 CSS를 작성하십시오.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
<body style="margin:0;padding:0;border=0;font-size:14px;font-family:YOUR_FONT_FAMILY_NAME"> 
<div style="position:relative;"> 
<h3 style="text-align:right;position:relative;direction:rtl;">This is heading 3</h3> 
<b>שלום,</b> 
<p>אנא לחץ על הקישור המצורף ע"מ לאשר את התחברותך לאתרץ</p> 
<p>הלינק הוא:</p> 
<b>תודה מראש,</b> 
<p><b>צוות האתר</b></p> 
</div> 
</body> 
</html> 
+0

CSS 파일을 호출하는 대신 인라인 CSS를 입력하십시오. –

관련 문제