若手ブログの真似して、記事に背景

遊んでみた、真似してみた

　「アメブロスキンカスタマイズ」グルっぽで、デザイン評を受けにいらしたブログさん。写真のある記事と、文章（情報）メインの記事が混在。実は、これってとても難しい。
　スキンをにぎやかめの色にすると、写真の色とケンカしがち。写真ブログはモノトーンというのが王道だと思っているけど、そうすると文章記事が淋しいかもしれない。
　若い女の子たちの記事を見ていると、平気で「個記事」に背景を入れる。大人のブログで、全記事背景が違うってのはちょっと装飾過剰な感じを受けるかもしれないけれど、「写真記事は無背景、文章記事は背景画あり」くらいなら、意外にいけるかもしれない。思いつくと試したくなって、急遽、ブログデザインをモノトーンに。
ミ^。^彡っ。ｏＯ（グラデーションとか手間隙がいることは、していませんっ）ヘッダは《FC2》共有に出す予定のヤツの流用ｗ
　文章記事の見本は、この記事。写真記事は10768640580.htmlあたりでごカンベンを。

CSSとHTML

　背景画像はCSSに

.ball{background:url(http://stat.ameba.jp/user_images/20110211/17/adan/8b/5a/g/o0180018411041464558.gif) right top no-repeat;}
.chibi{background:url(http://stat.ameba.jp/user_images/20110211/17/adan/e1/e0/g/o0018001811041464550.gif) left no-repeat;padding-left:18px;line-height:18px;}

と入力しておいて、記事を書くとき

<div class="ball"><h4 class="chibi">ここに見出し</h4>ここに本文</div>

……うーん、この画像のデザイン性にちと問題があるがっ。いい画像を選べば、「文章記事が淋しい」の解決の可能性があるかもしれない、と、思いました^^