2016-08-25 4 views
0

添付ファイルを作成したいクライアントがあります(私はいくつかの情報をブロックしているので見栄えが良くありません)。HTML電子メールキャンペーン - 画像上にテキストを重ねる?

基本的に、2つの円領域の「2016年新着」と「11.59円から」のテキストをテキストにしたいと考えています。私はHTMLの電子メールを知っていますが、テキストは角度を置くことはできませんが、他の誰かがこれがHTML電子メールの作成にはうまくいかない理由について他の問題を見ることができますか?

Email

+0

SEOやその他の理由からウェブサイトでこれを行うのが理にかなっているかもしれません。しかし、なぜこのような痛みをEメールに送りますか?どこにいろいろなものがポジショニング、バックグラウンドイメージの読み込みなどで間違っていますか?私はそれをイメージに入れて、それを1日と呼びます。他のすべては時間とお金の無駄のようです。 –

+0

あなたはいつもそのテキストを画像の一部として残すことができます。正確な位置付けは素晴らしい画像を電子メールクライアント間で一貫性を持たせるのは難しいです。重要なテキストの大部分が実際のテキストである限り、スパムフィルタや重大な問題は発生しません。 – DBS

+0

@Pekka笑彼らは電子メールキャンペーンとしてこれを送ろうとしています。 –

答えて

1

これは、電子メールに表現するグラフィックと困難である要素の数を有しています。

あなたが正しく指摘したように、円と斜めのテキストは2つです。

また、イメージを含める場合、通常、ほとんどのクライアントはすぐにそれらを読み込まず、ユーザーの確認を必要とするため、最初は非常に醜いように見えます(これは常にマーケティングに繋がります)。

第3に、テキスト媒体として設計されていて、たいていの場合、良いテキストの電子メールについて考えるのが怠惰であるため、ほとんどのHTMLは(警告、意見に続く)

+0

あなたの返事をありがとう。サークルにはどんな問題がありますか?テキストをまっすぐにしてしまうと、そのサークル内のテキストを取得することに問題があると言います。 –

+0

円の問題は、プレーンHTMLでは円を追加する可能性がないことです。しかし、CSSを使ってそれらを追加することはできますが、David Walshには素晴らしい[チュートリアル](https://davidwalsh.name/css-circles)があります。 しかし、正直言って、Web開発をしている人物として、私はインラインCSSについて考えるのは嫌です。 – morre

+0

よろしくお願いします。 –

0

テキストイメージまたはフォアグラウンドイメージを背景イメージに重ねることができます。 backgrounds.cmがこれを行うのに最適なツールです。次に例を示します。

<td background="https://i.imgur.com/YJOX1PC.png" bgcolor="#7bceeb" width="120" height="92" valign="top"> 
    <!--[if gte mso 9]> 
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:120px;height:92px;"> 
    <v:fill type="tile" src="https://i.imgur.com/YJOX1PC.png" color="#7bceeb" /> 
    <v:textbox inset="0,0,0,0"> 
    <![endif]--> 
     <div> 
     <!-- Your content goes here --> 
      <img src=""> 
      <br> 
      Text Text Text 
      <table> more layouts </table> 
     </div> 
    <!--[if gte mso 9]> 
    </v:textbox> 
    </v:rect> 
    <![endif]--> 
</td> 

あなたは上記のリンク先の設計を達成するために創造的である必要はありますが、原則的には、ほとんどの電子メールクライアントでこの(またはこれに近いもの)を達成することができるはずです。

関連する問題