どのように宛先:郵便でイメージを美しくフォーマットします

広告
私たちのソフトウェアとウェブ/チップを手にいれるためにEメール、サイン経由で、...のために上げます毎日のEメール・ニュースレター.
RSS食事に同意して下さい あるいは私に従って下さい さえずりで?

イメージは、郵便に景勝を加えます(あなたが本当に悪いイメージを含まない限り)。ほとんどのブロッグ更新者があなたにイメージを含むように勧めますでそのあなたの郵便の始まりで、または周りに。そして、私は異なりません。

しかし、それらアドバイスが含まない1つの物は、内容とよく調和するイメージを含む方法です、しかし、読者によって人目について下さい。正しいイメージを選ぶことは、重要です、しかし、あなたが彼らを任じる方法もそうです。イメージを含むでひとつの興味を引き起こさないです<img src=”"/>付け札が今はもう–they’reにちょうどそのようにありませんウェブ1.0/年1998。

私は、わずかにあなたの郵便局地域広さよりも少なく広さをもつ中心のイメージを使うほうがよいです。この例は、あなたにイメージを中心に置いて、そして表題を加える方法を見せます。

それにすべての日を費やさないで、あなたが必要とするものは、今、イメージをフォーマットする分別がある、簡単な方法です。これは、あなたのイメージのあたりにあなたが包む必要がある規則をそうなることを称しているCSSがあなたのstyle.cssとあるHTMLに加える–が暗号化する2つの物の組み合わせによって成し遂げられることができます。

これが彼らを編集しないで、以前に加えられたイメージに利用されることができないことに注意して下さい。理由:規則を称しているCSSがすべての要素に影響する間、HTML値上げは、それぞれのイメージのあたりに手動で加えられる必要があります。

終わりへ、あなたのstyle.cssファイルにこのコードを加えて下さい:

div.ci{テキストは一列に並びます:センター;余白:0;余計な言葉:16px 0;余計な言葉:0;境界:何もない;}
div.ciスモールサイズ{フォント-サイズ:.9em;線-高さ:1.4em;色:#777;余計な言葉:7px 0 0 0;}

広告

上記のコードは、どちらがあなたがイメージを置くのを手伝うかというスタイリング規則です。スタイリングを適用するために、私たちは、イメージ鬼ごっこあたりのHTMLを使う必要があります。HTMLコードは、以下のようです:

<divクラス=「ci」><img src=「URL_TO_IMAGE」アルト=「アルト・テキスト」/><br/>
<スモールサイズ>あなた表題</small></div>

コードで、URL_TO_IMAGEをあなたがいつイメージが表されないかを示したいものとあなたの表題があなたが欲しい表題をもつイメージURL、アルト・テキストと取り替えて下さい。

二者択一的に、このコードを使うことによって、あなたは表題を取り去ることができます:

<div class="ci"><img src="URL_TO_IMAGE" alt="ALT TEXT" /></div>

表題色をつまむために、あなたが気に入ることとあなたのイメージへのサイズとフォントが揺れ動くだろうことを覚えていて下さい!

私たちの最新の記事を得るために、ここをクリックして署名して下さい 私たちの無料メールマガジンのためですあるいは、購読して下さいRSS食事

§コメント
  • TonNet言います:

    私は、you’reが、あなたの宝石の一部を分けているのを見ます!それがCSSがあるものについてあなたdon’tが手がかりを持っているときに同じのではない基礎的なit’sを見るときでさえ。ありがとう。

  • Sumesh言います:

    @TonNet:歓迎して下さい、そしてちょうど私たちのうち2人の間で、私は、事柄–が調律した;)ままでいるので何かあなたを手伝うものを持っています

  • Karthik言います:

    ブロッグが2.3にアップグレードして–があなただった今日ダウンしていたことに気づきます?

  • Sumesh言います:

    @Karthik:はい、私は、それその他多数について–が私の郵便に会うWP 2.3にアップグレードしましたここにそれで、あなたをしました?

  • bootcat言います:

    やあ素晴らしい作者しかしiは、あなたがこの郵便のための“DEMO”物を逃すと思います。

  • §は返事を残します