livedoor ナレッジ

Livedoorブログ　タイトル画像について

ブログのタイトルの文字代りに自作画像にしたいのですが

CSSやらHTMLやら全然わからなくて、なにをどうすればいいのか全くわかりません。


なるべくわかりやすい手順を教えていただけると嬉しいです。

勉強する暇もないので、皆さんに知恵を分けてもらいたいです。

とりあえず第３世代のテンプレだと思って書きますよ。

最初に貼り変えたい画像を「ファイルのアップロード」で上げて、URLをメモするなりコピーするなりして覚えておいて下さい。


まず、管理ページの「カスタマイズ/管理」、続いて「デザインのカスタマイズ」と移動します。


その時表示されているのがCSSってヤツです。
ゴチャゴチャしてるヤなヤツです。



トップ画像を変えるには、その意味のワカランヤツの中から

#banner｛

というヤツを探さなくてはいけません。


その"#banner｛"　に続く

background:url()

の（）の中を自分でアップロードした画像のURLに変えると変更出来ます。

その前に画像のサイズを調べておいて、画像に合わせたwidth（横の幅）height（縦の幅）に変更して下さい。


変更する画像が大きい場合、下記も注意して下さい。

#content

と

#blog＋#links

の幅が

#blogcontainer{}、#container{}

の幅を超えるとデザインが崩れることがあるので注意して下さい。

その場合、

#blogcontainer

と、

#container{}

の中の

width:～～px

の～～の部分の数字を増やしてください。
これが左列・中央・右列の合計の幅です。

次に

#links

のwidthも同様に増やしてくださいね。



とりあえず上半分の変更だけでも画像は貼れます。

下の方が判らなかったら貼る画像を小さくして、width、heightを減らすだけでも大丈夫です。


これで上手くいくと良いんですけど。