あなたのサイト名

frame-J1-header-primary-slide2-zoom-out

  • html側にメニューブロックが2箇所あります。1つはheader内の「menubar2」、もう1つはhtmlの下の方の「menubar」です。それぞれ書き換えて下さい。
  • ヘッダーの背景色をメイン画像のどこまで伸ばすかはcssで調整できます。実際にはヘッダーの指定ではなくメイン画像の方(.mainimg-slide2-zoom-out-partsのbackgroundの行)に入っています。70%という数字が2箇所ありますが、1つ目の数値の方を2つ目より小さくしておくと、グラデーションになります。お好みで。

メイン画像について

  • 画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
  • デフォルトは3枚構成ですが、4枚目を追加したい場合は、html側の3枚目のブロックをコピペし、img3-partsをimag4-partsに書き換えて、画像ファイル名も4枚目に変更して下さい。
《Web Design:Template-Party》