2017-01-08 2 views
0

나는 20 개 정도의 게시물로 된 HTML 요약본을 전자 메일로 보냅니다. 목록 회원은 다이제스트 내 개별 게시물을 읽음으로 표시 할 수있는 권한을 요청했습니다. 나는 로컬에서 (크롬을 사용하여 내가 만든 로컬 .HTM 파일을 읽는) 작동하지만, 테스트 한 4 개의 이메일 클라이언트에서 작동하지 않는 멋진 방법을 생각해 냈습니다.사용자가 다이제스트에서 단일 게시물을 읽음으로 표시하도록 허용하려면 CSS가 필요합니다.

아이디어는 각 게시물 옆에 흰색이며 보이지 않는 체크 표시를 포함시키는 것입니다. 그런 다음 게시물의 어딘가에있는 achor 태그로 이동하는 "이 게시물을 읽음으로 표시"링크를 만듭니다. 그런 다음 "사이트"가 "visited"상태가되고 a : visited 규칙이 표시되지 않는 링크의 색상과 동일한 색상을 지정하고 "white"색상을 덮어 쓰려면 important를 사용합니다. 따라서 체크 마크는 클릭 한 경우에만 표시됩니다.이 게시물을 읽음으로 표시하십시오. 오타가있을 수 있습니다

여기에 입력 재구성이의
In <style>: 
a { color: #2020b7; } 
a:visited { color: #2020b7 !important } 

In <body>: 
<a name="post-1"></a> 
<a href="#post-1" style="color: #ffffff;">&#10004;</a> <== check mark 
<a href="#post-1">Mark this post as read</a> 

: 그래서,

모든 것은이 같은 것입니다. 그것은 로컬로 잘 작동합니다. 그러나 Outlook 2010, Eudora 7, Gmail 또는 Yahoo 메일 모두 앵커 링크를 수락하거나이 코드로 볼을 전혀 사용하지 않는 것으로 보입니다.

답변

0

죄송합니다. 아직 말씀 드릴 수 없습니다. 당신이 필요로하는 것은 쿠키라고 생각합니다 :) 그것에 대해 읽어보십시오 : 위키 : https://en.wikipedia.org/wiki/HTTP_cookie

+0

오, 이제 시작하겠습니다. 사용자의 하드 드라이브에있는 바이트로 표시되는 전자 메일을 변경하려고합니다. 전자 메일은 역동적 인 것이 아니므로 해당 항목이받은 바이트의 일부가 아닌 경우 항목을 팝업으로 만들 수 없습니다. 그게 맞습니까? 필자는 브라우저에서 파일을 읽음으로써 테스트를 실시했다. 아니면 이미 자리에 바이트를 활성화하는 것일 수도 있습니다. 나는 다소 혼란 스럽다. –

+0

아니요, 방문한 링크의 색상을 변경할 수 있어야합니다. 그러나 나는 그것을 얻을 수 없다. –

2

그것은 영리한 생각입니다!

궁극적으로 우리는 당신이 어떤 이메일 클라이언트에서이 작업 표시되지 않는 이유를 설명 할 수있다 :visited 링크 상태,에 대한 지원의 이메일 클라이언트 '부족에 의해 수갑됩니다.

enter image description here source


CSS <style>에서 :

a:visited, 
a:visited .checkmark { 
    color: #2020b7 !important; 
} 

HTML <body>에서 :

<a name="post-1" style="color: #2020b7;"> 
    <span style="color: #ffffff;" class="checkmark">&#10004;</a> /* check mark */ 
    Mark this post as read 
</a> 

a:visited .checkmark { 
    display:inline !important; 
    font-size:10px !important; 
    color:#2020b7 !important; 
    line-height:10px !important; 
    max-height:auto !important; 
    max-width:auto !important; 
    opacity:1 !important; 
    overflow:visible !important; 
    mso-hide:none !important; 
} 

HTML <body>에서 :

<a name="post-1" style="color: #2020b7;"> 
    <span style="display:none;font-size:1px;color:#{color};line-height:1px;font-family:{font};max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all; class="checkmark">&#10004;</a> /* check mark */ 
    Mark this post as read 
</a> 

그러나이 예를 들어 당신이 접근 할 수 16,


또 다른 방법은 체크 박스

CSS <style>에 숨어입니다 suppo에 달려있다. rt는 :visited 링크 상태입니다.

+0

두 코드 세트를 복사하여 붙여 넣고 테스트했습니다. 어느 쪽도 효과가 없었다. "이 게시물을 읽음으로 표시"는 활성화되지 않았습니다 - 그냥 텍스트. 거기에 "href"가 있어야하지 않니?! 나는 Outlook 터닝 링크가 보라색 링크를 방문했다는 불평을하는 사람들을 보았습니다. 내 문제 (Outlook 2010)는 전혀 방문에 응답하지 않는다는 것입니다. 그건 그렇고, 아웃룩은 머리 스타일을 없애기 때문에, 나는 또한 "if (gte mso 9) | (IE)"가있는 섹션에 붙여 넣기를 시도했다. 도와주지 않았어. –

+0

@HarryBinswanger 예,이 작업을 수행 할 방법이 있는지 모르겠습니다. [Outlook **은''(https://www.campaignmonitor.com/css/)을 제거하지 않았지만': visited'에 대한 지원이 거의 없다. 나는 Outlook을 선회하는 Outlook 링크가 이메일 마크 업에 의해 설정되는 것보다는 애플리케이션 스타일 시트이지만 잘못 될 수 있습니다. –

+0

그런 다음 모든 전자 메일 클라이언트에서 사용자가이를 클릭 할 때 무언가를하는 요소를 사용하여이 작업을 수행해야합니다. 내가 생각할 수있는 유일한 것은 href 점프 어딘가입니다. 그래서 내가 게시물 옆에 체크 표시를 할 수있는 방법을 생각해 볼 수 있을지 봅니다. –

0

나는 해결할 수 없었다. 그러나 나는 사용자가이 모든 것 이상을 달성 할 수 있음을 깨달았다. 그는 답장을하고 답장 초안을 작성하고, 덧글을 추가한다. 그가 끝내면 초안을 버리거나 자신에게 보냅니다.