すべてのカテゴリ » インターネット・パソコン » その他

質問

終了

http://ameblo.jp/amecustom/entry-10349372895.html見たいに

ヘッダを横長にする方法を教えてください!

  • 質問者:匿名
  • 質問日時:2010-05-25 16:38:05
  • 0

これはヘッダが横長に見えるように、ページの背景色をヘッダの背景に合わせているのです。
ヘッダ自体は「目次」のタブから「サービス・料金」のタブまでしかありません。

ヘッダの高さと同じ、縦長の細い画像を試しに作ってみてください。
ヘッダの高さが200pxなら高さが200px幅は1pxでも構いません。

css編集のbodyのbackgroundで指定します。
body {
background: #FFFFFF url(画像のURL) repeat-x ;
}

イメージ
左端|   | ヘッダ部分 | 右端

   ↑
  画像 
  repeat-x で横向きに無限に繰り返す。
   ↓

左端|||←連続→||| ヘッダ部分 |||←連続→|||右端 こう見える。
左端|||←連続  連続→||| ヘッダ部分 |||←連続 連続→|||右端 最大にしても端っこまで続いている。

ヘッダの背景にも同じ画像を使います。
ヘッダ画像が写真だったり、大きい模様だと継ぎ目が出来てしまいます。
無地か上記ページのように縦にだけ色の変化のあるものなら、綺麗に続いて見えます。
||| をあまり連続投稿出来ないようです(汗) 分かりにくかったら補足しますのでコメントください。

  • 回答者:背景 (質問から58分後)
  • 0
この回答の満足度
  
とても参考になり、非常に満足しました。回答ありがとうございました。

関連する質問・相談

Sooda!からのお知らせ

一覧を見る