カスタム系サムネイル画像左寄せ

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

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

/* ブルーのCSS */
  （中略）
/* エントリー内の画像位置 */
.thumbnail {
  float: right;
}

↓

/* ブルーのCSS（サムネイル画像左寄せ） */
  （中略）
/* エントリー内の画像位置 */
.thumbnail {
  margin: 0px 10px 0px 0px; /* 右隙間を追加 */
  float: left; /* サムネイル画像左寄せ＆本文回り込み */
}

＃ 「シンプル系サムネイル画像右寄せ」とやってることが逆なだけというのは内緒

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

• カスタムブルー
• カスタムメタル

なお、「カスタム系」のテンプレートのうち「カスタムフリー」だけは、CSS初期状態でサムネイル画像が左寄せになっています。この記事とは逆に「カスタムフリー」や「シンプル系」テンプレートでサムネイル画像を右寄せ＆本文回り込みにしたい場合は、「シンプル系サムネイル画像右寄せ」の記事を参考になさってください。

---

質問 [315] 画像の表示位置 - gooブログサークル
シンプル系サムネイル画像右寄せ 2006年05月16日22:55