Assinatura com mapa clicável em HTML - Histórico de revisão

Taleslacerda em 19h06min de 4 de maio de 2018

2018-05-04T19:06:08Z

Taleslacerda em 19h05min de 4 de maio de 2018

2018-05-04T19:05:02Z

Taleslacerda em 19h02min de 4 de maio de 2018

2018-05-04T19:02:53Z

Viniciuscosta em 17h04min de 23 de março de 2018

2018-03-23T17:04:36Z

Viniciuscosta em 17h03min de 23 de março de 2018

2018-03-23T17:03:42Z

Bernardo em 16h52min de 23 de março de 2018

2018-03-23T16:52:04Z

Bernardo em 14h04min de 23 de março de 2018

2018-03-23T14:04:50Z

Bernardo em 14h03min de 23 de março de 2018

2018-03-23T14:03:42Z

Bernardo em 13h53min de 23 de março de 2018

2018-03-23T13:53:03Z

Bernardo: Criou página com 'categoria:webmail

categoria:webmail <table cellspacing="0"> <tr> <td colspan="2"> </td> </tr> <tr style="background: #F0F8FF"> <td style="vertical-align:top; border-top: 1px solid #9C9C9C;...'

Página nova
[[categoria:webmail]]
<table cellspacing="0">
<tr>
<td colspan="2">
</td>
</tr>
<tr style="background: #F0F8FF">
<td style="vertical-align:top; border-top: 1px solid #9C9C9C; border-right: 1px solid #9C9C9C; border-left: 1px solid #9C9C9C; border-bottom: 1px solid #9C9C9C; padding: 1em;">

Para este tutorial, será necessário hospedar a imagem de sua assinatura em seu FTP. Para realizar este procedimento, siga o passo a passo no link a seguir. [https://wiki.task.com.br/index.php/Gerenciador_de_FTP_-_Filezilla]

Para inserir uma assinatura com links clicáveis na imagem, basta seguir o passo a passo logo abaixo:

[[Arquivo:elipse_1.png]] Acesse https://www.image-map.net/.

[[Arquivo:elipse_2.png]] Clique em 'Load image from Website'; 

[[Arquivo:mapawiki2.png]] 

[[Arquivo:elipse_3.png]] Informe o link da da imagem de sua assinatura. Ex: http://seudominio.com.br/assinatura.jpg e clique em 'Continue'; 

[[Arquivo:mapawiki3.png]] 

[[Arquivo:elipse_4.png]] No campo 'Shape' você poderá selecionar as formas geométricas do mapa.
Rect - Retângulo
Poly - Poligono
Circle - Círculo 

[[Arquivo:mapawiki4.png]] 

[[Arquivo:elipse_5.png]] Clique na imagem para selecionar o ponto inical, depois clique novamente para selecionar o ponto final. (Você pode aumentar ou diminuir o tamanho mantendo o botão esquerdo do mouse pressionado e arrastando.); 

[[Arquivo:mapawiki41.png]] 

[[Arquivo:elipse_6.png]] Você poderá adicionar outras áreas clicáveis na imagem clicando em 'Add new area'; 

[[Arquivo:mapawiki5.png]] 

[[Arquivo:elipse_7.png]] No campo 'Link', informe o endereço para onde será redirecionado ao clicar; 

[[Arquivo:mapawiki6.png]] 

[[Arquivo:elipse_8.png]] No campo 'Title', crie um título para o mapa clicável; 

[[Arquivo:mapawiki7.png]] 

[[Arquivo:elipse_9.png]] No campo 'Target', selecione a opção '_blank'; 

[[Arquivo:mapawiki8.png]] 

[[Arquivo:elipse_10.png]] Clique em 'Show me the code!'; 

[[Arquivo:mapawiki9.png]] 

[[Arquivo:elipse_11.png]] Clique em 'Show me the code!'; 

[[Arquivo:mapawiki10.png]] 

[[Arquivo:elipse_12.png]] Cole no campo "Assinatura" do Webmail (link do wiki: [https://wiki.task.com.br/index.php/Inserir_Assinatura_pelo_Webmail]) ou em seu programa de e-mails (deverá suportar assinatura no formato HTML) 

Atenção: Por se tratar de uma ferramenta de terceiros, a Task não se responsabiliza pelo correto funcionamento da mesma.

@@ Linha 10: / Linha 10: @@
 Todo mundo já viu uma assinatura de e-mail bonita, com a logo da empresa, ou uma arte que pareça um cartão de visitas. Mas e se você quer avançar um pouco mais e tornar esse "cartão de visitas" interativo, com cada pedacinho ou imagem ou texto apontando para um lugar, como seu blog, o site da empresa ou uma rede social onde tem presença?
-Para fazer isso, você precisará usar a linguagem HTML (https://pt.wikipedia.org/wiki/HTML) para fazer um código personalizado na assinatura do seu e-mail. Nem todas as plataformas de e-mail permitem isso (Gmail não permite, por exemplo), mas o <a href="http://webmail.task.com.br target="_blank">Webmail</a> da Task, sim, permite, e vamos te mostrar agora que não é nada complicado. As orientações valem também para softwares de e-mail como o <a href="https://www.thunderbird.net/pt-BR/" target="_blank">Mozilla Thunderbird</a>.
+Para fazer isso, você precisará usar a linguagem HTML (https://pt.wikipedia.org/wiki/HTML) para fazer um código personalizado na assinatura do seu e-mail. Nem todas as plataformas de e-mail permitem isso (Gmail não permite, por exemplo), mas o Webmail da Task ([http://webmail.task.com.br]), sim, permite, e vamos te mostrar agora que não é nada complicado. As orientações valem também para softwares de e-mail como o Mozilla Thunderbird ([https://www.thunderbird.net/pt-BR/]).
    * * * Para este tutorial, será necessário hospedar a imagem de sua assinatura em seu FTP. Para realizar este procedimento, siga o passo a passo no link a seguir. https://wiki.task.com.br/index.php/Gerenciador_de_FTP_-_Filezilla

@@ Linha 10: / Linha 10: @@
 Todo mundo já viu uma assinatura de e-mail bonita, com a logo da empresa, ou uma arte que pareça um cartão de visitas. Mas e se você quer avançar um pouco mais e tornar esse "cartão de visitas" interativo, com cada pedacinho ou imagem ou texto apontando para um lugar, como seu blog, o site da empresa ou uma rede social onde tem presença?
-Para fazer isso, você precisará usar a linguagem <a href="https://pt.wikipedia.org/wiki/HTML" target="_blank">HTML</a> para fazer um código personalizado na assinatura do seu e-mail. Nem todas as plataformas de e-mail permitem isso (Gmail não permite, por exemplo), mas o <a href="http://webmail.task.com.br target="_blank">Webmail</a> da Task, sim, permite, e vamos te mostrar agora que não é nada complicado. As orientações valem também para softwares de e-mail como o <a href="https://www.thunderbird.net/pt-BR/" target="_blank">Mozilla Thunderbird</a>.
+Para fazer isso, você precisará usar a linguagem HTML (https://pt.wikipedia.org/wiki/HTML) para fazer um código personalizado na assinatura do seu e-mail. Nem todas as plataformas de e-mail permitem isso (Gmail não permite, por exemplo), mas o <a href="http://webmail.task.com.br target="_blank">Webmail</a> da Task, sim, permite, e vamos te mostrar agora que não é nada complicado. As orientações valem também para softwares de e-mail como o <a href="https://www.thunderbird.net/pt-BR/" target="_blank">Mozilla Thunderbird</a>.
    * * * Para este tutorial, será necessário hospedar a imagem de sua assinatura em seu FTP. Para realizar este procedimento, siga o passo a passo no link a seguir. https://wiki.task.com.br/index.php/Gerenciador_de_FTP_-_Filezilla

← Edição anterior		Edição das 17h04min de 23 de março de 2018
Linha 36:		Linha 36:


−	[[Arquivo:elipse_5.png]] Clique na imagem para selecionar o ponto ~~inical~~, depois clique novamente para selecionar o ponto final. (Você pode aumentar ou diminuir o tamanho mantendo o botão esquerdo do mouse pressionado e arrastando.);<br>	+	[[Arquivo:elipse_5.png]] Clique na imagem para selecionar o ponto inicial, depois clique novamente para selecionar o ponto final. (Você pode aumentar ou diminuir o tamanho mantendo o botão esquerdo do mouse pressionado e arrastando.);<br>

← Edição anterior		Edição das 17h03min de 23 de março de 2018
Linha 21:		Linha 21:


−	[[Arquivo:elipse_3.png]] Informe o link da da imagem de sua assinatura. Ex: http://seudominio.com.br/assinatura.jpg e clique em 'Continue'; <br>	+	[[Arquivo:elipse_3.png]] Informe o link da imagem de sua assinatura. Ex: http://seudominio.com.br/assinatura.jpg e clique em 'Continue'; <br>

← Edição anterior		Edição das 14h04min de 23 de março de 2018
Linha 72:		Linha 72:


−	[[Arquivo:elipse_11.png]] ~~Clique em 'Show me the code!'~~;<br>	+	[[Arquivo:elipse_11.png]] Copie o código gerado;<br>

@@ Linha 7: / Linha 7: @@
 <tr style="background: #F0F8FF">
 <td style="vertical-align:top; border-top: 1px solid #9C9C9C; border-right: 1px solid #9C9C9C; border-left: 1px solid #9C9C9C; border-bottom: 1px solid #9C9C9C; padding: 1em;">
    * * * Para este tutorial, será necessário hospedar a imagem de sua assinatura em seu FTP. Para realizar este procedimento, siga o passo a passo no link a seguir. https://wiki.task.com.br/index.php/Gerenciador_de_FTP_-_Filezilla

@@ Linha 1: / Linha 1: @@
-[[categoria:webmail]]
+[[categoria:Gerencia_mail]]
 <table cellspacing="0">
 <tr>

@@ Linha 8: / Linha 8: @@
 <td style="vertical-align:top; border-top: 1px solid #9C9C9C; border-right: 1px solid #9C9C9C; border-left: 1px solid #9C9C9C; border-bottom: 1px solid #9C9C9C; padding: 1em;">
-* * * Para este tutorial, será necessário hospedar a imagem de sua assinatura em seu FTP. Para realizar este procedimento, siga o passo a passo no link a seguir. https://wiki.task.com.br/index.php/Gerenciador_de_FTP_-_Filezilla
+  * * * Para este tutorial, será necessário hospedar a imagem de sua assinatura em seu FTP. Para realizar este procedimento, siga o passo a passo no link a seguir. https://wiki.task.com.br/index.php/Gerenciador_de_FTP_-_Filezilla
 Para inserir uma assinatura com links clicáveis na imagem, basta seguir o passo a passo logo abaixo:
@@ Linha 81: / Linha 81: @@
-* * * Atenção: Por se tratar de uma ferramenta de terceiros, a Task não se responsabiliza pelo correto funcionamento da mesma.
+  * * * Atenção: Por se tratar de uma ferramenta de terceiros, a Task não se responsabiliza pelo correto funcionamento da mesma.