Você pode fazer com que uma imagem flutue à esquerda do texto em uma assinatura do Gmail?


12

Eu tenho uma conta de e-mail do Google Apps. Quero incluir o logotipo da empresa à esquerda do texto da minha assinatura.

A única maneira de encontrar isso até agora é construí-lo para que o texto faça parte da imagem. Não quero fazer dessa maneira, porque a parte do texto não ficaria visível para ninguém que não mostrasse imagens em seu cliente de email.

Existe uma maneira de fazer isso funcionar?


Isso contém a resposta para sua pergunta? webapps.stackexchange.com/questions/3586/…
ale

@ AlEverett não, não. Eu tenho as assinaturas ricas discutidas lá, mas posso ver como flutuar uma imagem para a esquerda.
Joel Coehoorn

Respostas:


4

Você pode fazer isso através do Google Docs. Isso é o que eu fiz. Assim como na solução MS Word , faça uma planilha ou documento do Google com a organização da tabela que você precisa: nesse caso, uma linha e duas colunas. Coloque a imagem na coluna da esquerda e o texto da sua assinatura na coluna da direita. Agora compartilhe o documento como público, para que qualquer pessoa com o link possa vê-lo. Em seguida, copie / cole do documento para sua assinatura.

Dessa forma, a imagem será exibida pela primeira vez, pois seu Google Doc é como um espaço na Web a partir do qual a assinatura pode tirar a foto.


12

Por favor, siga os passos

  1. Crie uma tabela de uma linha com duas colunas com borda nenhuma no Microsoft Word.

  2. Coloque a imagem na coluna da esquerda e Assinatura na coluna da direita.

  3. Copie a tabela e cole-a na área de assinatura.

Você encontrará a imagem no lado esquerdo e o texto no lado direito.


Haha, isso funcionou muito bem! A imagem não apareceu no início (não foi carregada), mas criou um espaço no qual eu podia mover uma imagem que adicionei à assinatura separadamente.
Joel Coehoorn

Para acompanhar, já que eu apenas tive que repetir isso: Este método funciona, mas quando você cola a assinatura no Gmail, as imagens não aparecem. Para que as imagens sejam exibidas, você deve colocá-las em um espaço público na web de algum tipo e abri-las em um navegador da web. Em seguida, você pode arrastá-los (provavelmente requer o google chrome) para os espaços reservados que aparecem nas configurações de assinatura, remover o espaço reservado original e tudo está bem.
Joel Coehoorn

Voltando a isso mais uma vez: isso também funciona muito bem usando um Google Doc ou Spreadsheet para criar as colunas e, se você fizer isso com um documento público, também não precisará de espaço de hospedagem separado.
Joel Coehoorn

3

Sei que essa pergunta foi respondida, mas queria compartilhar um método para escrever HTML diretamente na área de assinatura, para fazer isso:

  1. Escreva algo na área Rich Text de assinatura fornecida pelo Gmail.
  2. Inspecione o texto que você acabou de escrever com as ferramentas do desenvolvedor para o seu navegador.
  3. Adicione qualquer HTML com CSS embutido aceito pela guia de assinatura de email.
  4. Para validar isso, é necessário alterar algo na área de texto para atualizá-lo (se você salvar sem alterar nada, nada acontecerá).

Para obter uma imagem nesta área, você precisa escrever o HTML e colá-lo lá. Você pode usar o abaixo para obter os resultados desejados:

<table>
  <tbody>
    <tr>
      <td style="width: 80px">
        <img src="http://www.example.com/path/to/your/image" width="40" height="40">
      </td>
      <td>Other <strong>HTML</strong> Content</td>
    </tr>
  </tbody>
</table>

Estou aquecendo para esta resposta. Eu o descartei originalmente como muito difícil para o usuário comum, mas como alguém que conhece bem o html e viu a terrível marcação gerada pelo MS Word e pela empresa, a idéia de poder controlar melhor minha marcação tem um apelo definitivo.
Joel Coehoorn

Para quem vem aqui anos depois, como eu: a chave aqui é que sua mesa tem uma etiqueta de tbody! Se a tabela não tiver ninguém, você poderá criar colunas como quiser, mas o Gmail não as honrará. Envolto em um tbody, tudo funciona muito bem. Eu usei hubspot.com/email-signature-generator e adicionei tbody eu mesmo.
Robin van Baalen
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.