2009年03月05日

研修の補助資料04:ヘッダーの画像を変更する

研修の補助資料04:ヘッダーの画像を変更する

seesaaブログでHP作成:研修補助資料4です。
研修会のご案内はこちらから。

今回は、ブログをHPっぽくという事で、ヘッダーの画像を変更します

が、その前に(^^ゞ

ブログタイトルの文字を大きくしたために、ヘッダーが窮屈な感じがしているので、まず、ヘッダー高さをちょっと高くしましょう。


#banner{
margin-bottom:10px;
padding-left:20px;
padding-right:0px;
text-align:left;
height:80px;
}

 上の赤字の部分を、下の青字のように、変更します。

#banner{
margin-bottom:10px;
padding-left:20px;
padding-right:0px;
text-align:left;
height:90px;
}


変更した数値が、ヘッダーの高さです。
この後、ヘッダーの画像を変更するので、変更後の画像の高さに合わせておくことが大切です。
(というか、ヘッダーの高さと同じ高さの画像を用意するのですが。)

ホームページのTOP頁の画像が、ちょっと下がったことがお分かりですか?
このままでは変化が分かりづらいのですが、ヘッダーの画像を変更すると、HPのイメージががらりと変わりますよ。


この作業をする場所は、使用しているデザインの『スタイルシート』です。

『スタイルシート』の場所は・・・

先日の記事で説明しましたね。
こちら『研修の補助資料3:HPのタイトルの文字を大きく』をご覧下さい。


では、ヘッダーの画像を変更しましょう。

と言うところで、続きは後編へ(^^ゞ


・全くカスタマイズをしていないHPの例
 http://sample-hp.seesaa.net/

・カスタマイズ後のHPの例
 http://sample-hp222.seesaa.net/


 確定申告のご相談なら鯖江の税理士法人川中経営
  税理士・ITC 川中重司
posted by 福井県は鯖江市の税理士 at 00:00 | Comment(0) | TrackBack(0) | ・seesaa(さくら)ブログのカスタマイズメモ
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/40033909
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック