『◆ 記事内画像のデザイン ◆』

こんにちは。

　フツー記事（？）に戻った wakkun です。

さて、「上の画像 ↑ 」と「下の画像 ↓ 」。

両方ともアメブロの「画像フォルダ」から持ってきたものです。

上の画像はサムネイル内個別画像を参照しに行きません（拡大表示不可）。

下の画像はクリックするとオリジナルサイズ表示となり、はっきりくっきり表現できます。

さらに下の画像は「ロゴ入りポラロイド写真」のようにちょこっと個性をアピールできる仕様となっております。

記事の投稿作業で「画像」を取り込んだ時、HTML表示にすると＜a href ～となっています。

この＜a 構文を取り払って単純に＜img src のイメージ構文のみにしたのが上の画像です。

で、下の画像は、「画像」取り込み後その構文には手を加えず、

を参考にして CSS編集で出来あがってきたものです。

この◆記事内写真をポラロイド風にしてみませんか？◆で

無条件に css追加しただけですが、上の画像表示形式には対応しないことが解ると、用途に応じていろいろと考えられますよね。

私は記事内バナーのように使ったことがあるので「こりゃいい！」と思いました。

　ちなみに、下の画像は約３か月かけて P30号ボードにアクリル絵具で描きあげた「絵」です。

　　「エアブラシ」を初めて使いました。

アフィリエイツ ガイド （ アメブロ趣味記事版 ）