幅100%設定の例

フレームをブラウザ幅100%にして、背景に画像を設定する例


  • 画面の一部をブラウザ幅100%で表示できます。
  • サイト管理 > レイアウト設定でブラウザ幅100%にするエリアを選択しておく必要があります。

サイト管理 > レイアウト設定


幅100%フレーム設定

  • フレームの背景画像のみ、ブラウザ幅100%にする場合は、フレームのブラウザ幅で「このフレームをブラウザ幅100%にする」チェックは不要です。
  • フレーム内のコンテンツもブラウザ幅100%にする場合は、フレームのブラウザ幅で「このフレームをブラウザ幅100%にする」をチェックします。

テーマの設定

 

テーマのCSS例
.eyecatch {
  padding: 0;
  background: url("test_bg2.jpg") no-repeat;
  background-size: cover;
  margin-bottom: 50px;
}