【Vol.38】 TOPの画像変更  初級編 ~その11~

シネマdeシアワセさんからこんなコメントいただきました。

はじめまして。トップの画像を変えたいのですが、どうしたら良いか分らず「スキン編集」を見まくっています。どのようにするのかを教えていただけませんでしょうか。自分のサイトはトップの写真と、タイトルを変えたいのです。よろしくお願いいたします。


TOPの画像を変えるにはCSS編集でOKです。
①まずは、表示したい画像をUPします。UP方法は【Vol.13】 背景変えてみませんか?? 初級編~その3~

②CSS編集の#topを探します。
あとは、その中にbackground-imageを探す(追加)します。




/*CSSソース/*
#top { background-image: url(http://pds.exblog.jp/pds/1/200501/03/43/sky.jpg); background-repeat : repeat-x;
background-attachment : fixed; text-align: center; margin-right: auto; margin-left: auto; width: 760px; height: 160px }
※マーカーを引いた部分が画像ファイル名です

/*background-repeat : repeat-x;/*は縦方向に繰り返すという意味
/*background-attachment : fixed/*ボックスの背景画像をスクロールしないように指定という意味
/*text-align: center; /*はセル内の表示位置(この場合は中央)
/*margin-right: auto; margin-left: auto; /*は左右の余白を自動調整
/*width: 760px; height: 160px/*は幅760px、高さ160pxになります。


ちなみにですが、シネマdeシアワセの場合おそらくCSSは↓
/TOP {
BACKGROUND-IMAGE : URL(http://md.exblog.jp/skn/img/a/01/02/8/bg_main1.jpg);
BACKGROUND-REPEAT : NO-REPEAT;
}
だと思いますので、(http://md.exblog.jp/skn/img/a/01/02/8/bg_main1.jpg)の部分を変更すれば大丈夫だと思いますよ~。

[PR]