なになに、どこが変わったかわからないって?(笑)
記事タイトルが少し寂しい気がしたので、どんぐり画像を入れてみました。
.↑これだけです。ちょっとしたことなのですが、苦労しました。(^-^;
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;
}
とこんな感じですが、参考になりますかどうか…。
記事タイトルが少し寂しい気がしたので、どんぐり画像を入れてみました。
.↑これだけです。ちょっとしたことなのですが、苦労しました。(^-^;
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;
}
とこんな感じですが、参考になりますかどうか…。