goo

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

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

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

カスタムブルー(画像右寄せ)
カスタムブルー(画像右寄せ)
カスタム系テンプレート(サムネイル画像右寄せ)のCSS
【変更前】
/* ブルーのCSS */
  (中略)
/* エントリー内の画像位置 */
.thumbnail {
  float: right;
}


カスタムブルー(画像左寄せ)
カスタムブルー(画像左寄せ)
カスタム系テンプレート(サムネイル画像左寄せ)のCSS
【変更後】
/* ブルーのCSS(サムネイル画像左寄せ) */
  (中略)
/* エントリー内の画像位置 */
.thumbnail {
  margin: 0px 10px 0px 0px; /* 右隙間を追加 */
  float: left; /* サムネイル画像左寄せ&本文回り込み */
}
# 「シンプル系サムネイル画像右寄せ」とやってることが逆なだけというのは内緒

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

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


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

コメント ( 0 ) | Trackback ( 0 )
« カスタム系サ... 似非RSSアイコ... »
 
コメント
 
コメントはありません。
コメントを投稿する
 
コメントをするにはログインが必要になります

ログイン   gooIDを取得する