mainimg-slide-mask1-parts

  • 土台フレームにもよりますが、一般的にはcontentsの上(headerの下)に置いて下さい。
  • sectionと同じように左右の余白を取りたい場合、一番外側のボックスにpadding-x-partsを追加して下さい。
    (id="svg-box-parts" class="padding-x-parts"
  • 画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
  • デフォルトは3枚構成ですが、4枚目を追加したい場合は、html側の3枚目のブロックをコピペし、img3-partsをimag4-partsに書き換えて、画像ファイル名も4枚目に変更して下さい。
  • アスペクト比は16:9です。変更したい場合はcssの説明を読んで調整して下さい。
  • SVG画像を扱える場合は枠のデザインの変更ができます。詳しくはこちら。
《Web Design:Template-Party》