こぱんだの千載不磨

千年の後でも消えず永遠に残るさまに思いを馳せ

ブログデザインの微変更

2008年01月19日 | カスタマイズ(gooブログ)
なになに、どこが変わったかわからないって?(笑)

記事タイトルが少し寂しい気がしたので、どんぐり画像を入れてみました。

.↑これだけです。ちょっとしたことなのですが、苦労しました。(^-^;

CSSのどこの記述を書き換えればいいのか?
画像のサイズと位置の調整方法は?
やってみていろいろわかりました。

CSSの解説サイトでlist-style-image:url(画像のURI) ; というタグを見つけた時、もうできた気になったのですが、なぜかうまくいきません。

background-imageで一応入ったけど、ただ入っただけ…。
ここからが長かった。

no-repeatにしてみる。
height入れてみる。
padding入れてみる。
数値変えてプレビュ-、
数値変えてプレビュ-。

ちょっとどんぐりでかいな~。
小さくしよっ。

数値変えてプレビュ-、
数値変えてプレビュ-。

これでよし!

ちっぽけなことですが、割りと大変でした。(@_@)
こんなの聞いてもやってみたいと思う貴兄のために、当ブログの設定を一部公開しておきます。

/* エントリータイトル */
.etTitle {
background-image: url(http://blogimg.goo.ne.jp/user_image/xxx.jpg);
background-repeat: no-repeat;
height: 24px;
padding-top: 4px;
padding-left: 24px;

color: #800000;
font-size: 16px;
font-weight: bold;
}

とこんな感じですが、参考になりますかどうか…。