iBlog覚え書き その1
iBlog使い始めて3日目ですが、設定を変えまくっているので (^^ゞ覚え書きを残しておきます。画像のまわりにテキストを回り込ませる方法。【サンプル】
★
いろいろやってみましたが、この方法が簡単で良さそうです。
エントリー内の画像だけを処理する方法です。
使ってるスタイルシート(○○.css)に
.blogbody
img
{
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}
といれます。場所は、他のスタイルの{}の中以外どこでもいいです。
これで、画像が左揃えで、右にテキストが回り込みます。
画像のまわり(上下と右)に10ピクセルの余白ができる設定です。
余白の量や行揃えなど適宜変更して下さい。
応用で、.blogbody
img
のところを別のスタイルセット名(.title
imgなど)に変えると
各箇所の画像の設定ができます。