シンプル系サムネイル画像右寄せ

「シンプル系」のテンプレート（「クリアピンク左右」とか「クリアブルー右」とか）ですが、「トップページに表示されるサムネイル画像が左寄せ＆本文回り込みでイヤだなぁ」という理由で、仕方なくサムネイル画像（縮小画像）が右寄せ＆本文回り込みになる「カスタムブルー」や「カスタムメタル」を使っているなんてことありませんか？

「シンプル系」のテンプレートも、CSSを編集するだけで「カスタムブルー」や「カスタムメタル」と同じ様にサムネイル画像右寄せ＆本文回り込みに変更できます。

/* クリアオレンジ左右メニューのCSS */
  （中略）
/* エントリー内の画像位置 */
.thumbnail {
  padding: 0px 10px 0px 0px;
  float: left;
}

↓

/* クリアオレンジ左右メニューのCSS（サムネイル画像右寄せ） */
  （中略）
/* エントリー内の画像位置 */
.thumbnail {
  margin: 0px 0px 0px 10px; /* 右余白を左隙間に変更 */
  float: right; /* サムネイル画像右寄せ＆本文回り込み */
}

＃ 「カスタム系サムネイル画像左寄せ」とやってることが逆なだけというのは内緒

この方法で変更できるテンプレート（対象テンプレート）は、以下の通り。

• クリアオレンジ左右 同左 同右
• クリアグレー左右 同左 同右
• クリアパープル左右 同左 同右
• クリアピンク左右 同左 同右
• クリアブルー左右 同左 同右
• クリアホワイト左右 同左 同右
• クリアミント左右 同左 同右（わは）
• カスタムフリー

また、この記事とは逆に「カスタム系」テンプレートでサムネイル画像を左寄せ＆本文回り込みにしたい場合は、「カスタム系サムネイル画像左寄せ」の記事をご覧ください。

---

質問 [315] 画像の表示位置 - gooブログサークル
カスタム系サムネイル画像左寄せ 2006年05月17日01:02