ヘッダ画像の作成/変更について
 テーマ [ノンカテゴリ]
2006年10月21日
ヘッダ画像(ブログの上に表示される画像。初期設定ではQOBLOGのロゴのみ)を変更したい、ヘッダ画像をいれたい場合は、下記のように操作してください。


1.管理画面へログインし、[CSSスタイル]ページを表示。

2.[画像の挿入]をクリックし、ヘッダ画像をアップロード。

3.ウィンドウに、background: url(../img/cs/*****.gif)等と表示されるので、それをコピーする。
 註) ****はアップロードした画像名

4.スタイルシート表示内の、
/*------------ ヘッダー ------------*/
....
....

/*背景画像*/
background: #ffffff url(../img/cs/header_img.gif) no-repeat top left;

 等とある部分の、url()内にさきほどコピーした文字をペーストする。※url()内の文字はユーザーによって異なります。
↓変更後の例 註) ****はアップロードした画像名

/*背景画像*/
background: #ffffff url(../img/cs/*****.gif) no-repeat top left;


5.[修正]ボタンをクリック。


 ブログを表示、または再表示(リロード)してページを確認してください。

 なお、CSSの/*ヘッダー*/の各設定値の内、width,padding,marginの値を変更するとレイアウトが崩れる場合があります。height(高さ)のみヘッダ画像にあわせて変更してください。
[URL of Entry] http://www.qomono.com/qoblog.php?bloger=qomono&entry=1161413412
[TrackBack URL] http://www.qomono.com/qoblog/tb.php/qomono/7