Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gisele Gomes

HLMT no Microsoft Outlook

Por , em Desenvolvimento frontend

Recommended Posts

Gisele Gomes    0

Gisele Gomes
Postado

Boa tarde!

 

Espero estar abrindo o tópico no local correto.

 

Minha dificuldade é a seguinte:

 

Estou gerando um Infográfico para ser enviado por e-mail através do Microsoft Outlook 2013.

 

Estou utilizando um site chamado Visme (http://www.visme.co/) versão PRO.

 

Ao salvar o Infográfico com a opção HTML ele gera uma pasta com as seguintes subpastas:

 

  • css
  • fonts
  • i
  • js
  • project
  • Project.htlm

 

Pesquisei muito sobre o assunto, e falam para criar uma nova assinatura do Microsoft Outlook, salvar a assinatura em branco, e depois ir na pasta C:\Users\Nome Usuario\AppData\Roaming\Microsoft\Assinaturas abrir o arquivo EmailMarketing.htm com o bloco de notas e salvar com o conteúdo do HTML.

 

Mas ao tentar salvar o arquivo é apresentado a mensagem "Este arquivo contém caracteres no formato Unicode que serão perdidos se você o salvar como um arquivo de texto codificado como ANSI. Para manter as informações em Unicode, clique em Cancelar abaixo e selecione umas das opções de Unicode na lista suspensa Codificação".

 

Salvei o arquivo como Unicode e Unicode big endian, mas no momento de gerar o e-mail as informações não estão sendo apresentadas.

 

Alguém poderia me instruir a fazer da maneira correta, ou então de outra maneira que eu consiga utilizar o HTML (Infográfico) no e-mail.

 

Ficarei grata com retornos.

 

Obrigada.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wanderson Valerio    102

Wanderson Valerio
Postado

Fui testar aqui, mas infelizmente quem não tem a versão pro me parece que não pode salvar o projeto. Somente na nuvem.


Aliás, pode salvar sim, porém, somente em JPG :/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gisele Gomes    0

Gisele Gomes
Postado

Boa tarde, Wanderson!

 

Isso mesmo!

 

Segue abaixo caso ajude o HTML.

 

<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#">
<head>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<link type="text/css" href="css/jquery-ui-1.8.16.custom.css" rel="stylesheet" />

<link type="text/css" href="css/style.css" rel="stylesheet" />

<link href='css/text.css' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script>
var transition_mode = 0;
var transition_steps = 0;
</script>
<script type="text/javascript" src="js/jsprod.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>

<script type="text/javascript" src="js/TweenLite.min.js"></script>
<script type="text/javascript" src="js/CSSPlugin.min.js"></script>
<script type="text/javascript" src="js/TimelineLite.min.js"></script>
<script type="text/javascript" src="js/EasePack.min.js"></script>

 

<script src="project/data.js"></script>

<script type="text/javascript" src="js/responsive.js"></script>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic|Lato:300,400,700,400italic,700italic|Ubuntu:400,700,400italic,700italic|Rokkitt:400,700|Josefin+Slab:400,700,400italic,700italic|Open+Sans:400italic,700italic,400,700|Abril+Fatface|Old+Standard+TT:400,700|Vollkorn:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
<style>

@font-face {
font-family: 'Oswald';
font-weight: 300;
src: local('☺'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
font-family: 'Oswald';
font-weight: 400;
src: local('☺'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

@font-face {
font-family: 'Oswald';
font-weight: 700;
src: local('☺'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

</style>
<script>

var fonts = [

"Arial", "Courier New", "Georgia", "Impact", "Times New Roman", "Trebuchet MS", "Verdana", "Josefin Slab", "Abril Fatface", "Old Standard TT", "Ubuntu", "Vollkorn", "Lato", "PT Mono", "Source Sans Pro", "Oswald", "Rokkitt"

];
fonts_list.unshift("LubalinGraphGI-Bk", "LubalinGraphGI-Md",

"ISTK Maquette Regular", "ISTK Maquette Medium", "ISTK Maquette Black", "ISTK Maquette Bold",

"Lubalin GI Cut Regular", "Lubalin GI Cut Medium", "Lubalin GI Cut Demi",
"Helvetica Neue GI Cut",
"ITC Avant Garde Bold",

"Helvetica Neue GI Cut",

"Lubalin GI Cut Regular", "Lubalin GI Cut Medium", "Lubalin GI Cut Demi"
, "Heisei Kaku Gothic w3", "Heisei Kaku Gothic w5", "Heisei Kaku Gothic w7"

);

</script>
<script>

 

var vm_settings = {

ajax_request: 1,
current_slide: 0,
timeline: [],
edit_mode: 0,
image_url: "",
status: "loading",
fonts_dir: "fonts/",
svg_dir: ""
}

 


$(document).keydown(function(e){
if (e.keyCode == 37) { $(".prev_slide").click(); }
if (e.keyCode == 39) { $(".next_slide").click(); }


});

$(document).ready(function(){

var sldr = $("#time_slider");
var handleHelper = sldr.find( ".ui-slider-handle" );
handleHelper.css("background", "url(i/published/handle.png) center no-repeat");

handleHelper.css("width", "32px");
handleHelper.css("height", "40px");
handleHelper.css("cursor", "pointer");
handleHelper.css("border", "none");
handleHelper.css("margin-top", "-10px");
$(".ui-widget-header").css("background", "url(i/published/progress.png)");
$(".ui-slider-horizontal").css("height", "10px");
processProject();
$("#stage").css({"width": vm_project.w, "height": vm_project.h})
if(vm_settings.ajax_request <= 1) finish_loading();
$(".slides_counter i").text(vm_project.sld.length);

$(".wrapper").css({"height": vm_project.h+40})

})

</script>

<title></title>
<script type="text/javascript" src="js/fullscreen.js"></script>
</head>
<body >
<div class="loader_code"><div class="loader"></div></div>
<div class="wrapper">




<div id="stage" >
<div id="content_rls" >

</div>
</div>
<div class="controls footer">
<div class="foot_center">

<div class="slide_controls">
<div class="prev_slide_div b_wrap prev" style="opacity: 0.3;"><a href="#" class="prev_slide "></a></div>
<div class="slides_counter">Slide <span>1</span> of <i>1</i></div>
<div class="next_slide_div b_wrap next" style="opacity: 0.3;"><a href="#" class="next_slide "></a></div>
</div>

<div class="anim_controls">
<div class="play_div b_wrap play" style="opacity: 0.3;"><a href="#" class=""></a></div>

<div class="timeline_slider_div slider_wrap" style="opacity: 0.3;">
<div class="timeline_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="time_slider" aria-disabled="false" style="height: 10px;"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 0%; background: url(http://my.visme.co/i/published/progress.png);"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%; width: 32px; height: 40px; cursor: pointer; border: none; margin-top: -10px; background: url(http://my.visme.co/i/published/handle.png) 50% 50% no-repeat;"></a></div>
</div>

<div class="stick"><!-- --></div>
<a href="#" class="fullscreen">Toggle fullscreen</a>

</div>


</div>


</div>
</div>

</div>

</body>

</html>

 

Obrigada!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wanderson Valerio    102

Wanderson Valerio
Postado

Pode ser que o erro de salvamento esteja acontecendo por causa da presença do "emoji" nesta parte do código:

 

 


<style>
@font-face {
font-family: 'Oswald';
font-weight: 300;
src: local('☺'), url(http://themes.google...nyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Oswald';
font-weight: 400;
src: local('☺'), url(http://themes.google...Ol5u-a_WHw.woff) format('woff');
}
@font-face {
font-family: 'Oswald';
font-weight: 700;
src: local('☺'), url(http://themes.google...nyo3HZu7kw.woff) format('woff');
}
</style>
  src: local('☺')

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito