2009年03月14日

研修の補助資料07:背景の色を変更する

研修の補助資料07:背景の色を変更する

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

今回は、背景の色を変更します

body {
background-image:url(http://blog.seesaa.jp/img/bg/stripebrown/bg2.jpg);
background-repeat:repeat-x;
background-position:top center;
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana;
background-color:#E9D2A6;
}

#container{
margin:0px auto;
width:800px;


 上の青字の部分が背景色のカラーコードなので、これを好きな色のコードに変更します。
===>>>ワンポイントアドバイス(^^)
どのカラーコードがどの色を表しているかが非常に分かりづらいのですが、便利な方法が。
CSSを触るなら秀丸にマクロを組み込もう』をご覧下さい。


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

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

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


ヘッダーの画像を変更したときもそうでしたが、背景色を変更しても、HPのイメージが変わります。
簡単な操作なので、是非やってみてください。


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

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


 ネットビジネスを応援する鯖江の税理士法人川中経営
  税理士・ITC 川中重司
posted by 福井県は鯖江市の税理士 at 06:00 | Comment(0) | TrackBack(0) | ・seesaa(さくら)ブログのカスタマイズメモ
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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


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

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