おべんとう＆フリー素材

ダンナのお弁当の記録など。

その他徒然。

素材はDLしてお使いください。

画像配置の裏技

2009-02-26 13:19:57 | パソコン備忘録
ここでぜひご紹介したいブログがあります。

中島かつをの「子供、いらない」

ブログをカスタマイズできるサンプルソースがたくさん紹介されています。

私がやりたかった、ワンクリック＋オリジナルサイズで、
「記事リスト」「カテゴリー別リスト」の画像を左寄せでアップする方法を
教えていただいたのでご紹介します。


＊　＊　＊


（ちなみにgooブログアドバンスの「カスタムブルー」を使っています）

元の設定では、パソコンから画像をアップするとき、

「ブログ設定」→記事リストの「画像サイズ／オリジナルサイズ」を選択
「画像フォルダページ」→「この画像を使用」ボタンを使ってアップ

すると、「記事リスト」「カテゴリー別リスト」の画像は、中央に表示されます。

こんな感じ↓


＜弁当カテゴリー＞は、”献立て”だけなので画像と文章のバランスが悪いし、
オリジナルサイズ＋ワンクリックにこだわりたかった。

で、検索していて↑のサイトに辿り着き、ソースを教えていただきました。


＊　＊　＊


中島かつをの「子供、いらない」＞カテゴリー：junk.test.body内の、
イメージ配置サンプル(スタイル使用2)
＞コメント欄下のほう（2009-02-23 08:12:27）「教えてください (rika) 」以降を見てください。


「テンプレート編集」の「CSSデータ」編集画面で、

↑このように、かつを氏に教わったソースを加えます。

カテゴリー「お弁当」や記事リストを見ると、画像が左側に寄っています。


成功です！


＊　＊　＊


単体記事も左寄せにしたい場合は、上記のソースに加えて、
「テンプレート編集」の「HTMLデータ」編集画面で、

↑"center"となっている部分を”left"に変えるとできるようです。


中島かつをさん、本当にありがとうございました。

いつか、オンマウス画像も楽しそうなので試してみたいです。


＊　＊　＊


携帯で見るとなぜか中央になっています。
これくらいのバランスならいいんですけどね。