Gmail署名のテキストの左側に画像をフロートさせることはできますか?


12

Google Appsのメールアカウントを持っています。署名テキストの左側に会社のロゴを含めたい。

これを行うための唯一の方法は、テキストが画像の一部になるようにビルドすることです。電子メールクライアントで画像を表示していない人にはテキスト部分が表示されないため、この方法でやりたくありません。

この作品を作る方法はありますか?


これにはあなたの質問への答えが含まれていますか?webapps.stackexchange.com/questions/3586/...
エール

@AlEverettいいえ、そうではありません。そこでは豊富な署名が説明されていますが、画像を左にフロートさせる方法を見ることができます。
ジョエルCoehoorn

回答:


4

これは、Googleドキュメントを介して行うことができます。それが私がしたことです。ちょうどのようにMS Wordのソリューションこの場合、1行2列:、あなたが必要なテーブルの配置とGoogleスプレッドシートやドキュメントを作ります。左の列に画像を、右の列に署名テキストを入れます。リンクを知っている人が閲覧できるように、ドキュメントをパブリックとして共有します。次に、ドキュメントから署名にコピー/貼り付けします。

この方法では、Googleドキュメントは署名が画像を描画できるWeb内のスペースのようなものであるため、最初に画像が表示されます。


12

手順に従ってください

  1. Microsoft Wordでボーダーなしの2列の1行のテーブルを作成します。

  2. 左の列に画像を配置し、右の列に署名を配置します。

  3. テーブルをコピーして、署名領域に貼り付けます。

左側に画像があり、右側にテキストがあります。


ハハ、それはうまくいきました!画像は最初は表示されませんでした(アップロードしませんでした)が、署名に追加した画像を個別に移動できるスペースを作成しました。
ジョエルCoehoorn

これを繰り返す必要があるため、フォローアップするには:この方法は機能しますが、Gmailに署名を貼り付けると、画像が表示されません。画像を表示するには、それらを何らかのパブリックWebスペースに配置して、Webブラウザーで開く必要があります。次に、署名設定に表示されるプレースホルダーの隣にそれらをドラッグして(おそらくgoogle chromeが必要です)、元のプレースホルダーを削除します。
ジョエルCoehoorn

これにもう一度戻ります。これは、Google DocまたはSpreadsheetを使用して列を作成することでも非常にうまく機能します。公開ドキュメントでこれを行う場合、別個のホスティングスペースも必要ありません。
ジョエルCoehoorn

3

私はこの質問に答えられたことに気付きましたが、これを行うために、HTMLを署名テキストエリアに直接書き込む方法を共有したかったのです。

  1. Gmailが提供する署名リッチテキストエリアに何かを書いてください。
  2. ブラウザ用の開発者ツールで書いたばかりのテキストを調べてください。
  3. 電子メールの署名タブで受け入れられるインラインCSSでHTMLを追加します。
  4. これを検証するには、テキスト領域で何かを変更して更新する必要があります(何も変更せずに保存すると、何も起こりません)。

この領域に画像を取得するには、HTMLを記述してそこに貼り付ける必要があります。以下のいずれかを使用して、必要な結果を取得できます。

<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>

私はこの答えに暖めています。私はもともと典型的なユーザーにとっては難しすぎると却下しましたが、htmlをよく知っていて、MS Wordと会社によって生成されたひどいマークアップを見た人は、マークアップをよりよく制御できるという考えが明確な魅力を持っています。
ジョエルCoehoorn

数年後にここに来る人にとって、私のように:ここで重要なのは、テーブルにtbodyタグがあることです!テーブルにtbodyがない場合、好きなように列を作成できますが、Gmailはそれらを尊重しません。Tbodyに包まれて、すべて正常に動作します。hubspot.com/email-signature-generatorを使用して、tbodyを自分で追加しました。
ロビン・ヴァン・バーレン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.