コンテナにネガティブマージンのcssを記述する方法

bingo!CMS1.7に搭載のCSS/JS編集機能を使用して
コンテナにネガティブマージンを設定しコンテナ同士を重ねます。

Before
After

コンテナにネガティブマージンを使う

※1　「bingo!CMS 1.7」をご利用の方のみ設定できます。
※2　スキンはV17のものをご使用ください。
  1. CSS/JS設定画面にスタイルを追加します。
    ページ編集画面右上の「CSS/JS」をクリックします。
  1. CSS/JS設定画面の「styleタグを追加」をクリックします。
    styleタグが自動的に追加されました。
  2. styleタグの間にCSSを入力します。
    コンテナを100px分重ねる場合 
    .negative{margin-top:-100px;}

    ※コンテナを重ねる幅はお好みで変更してください。
ページ編集画面をコンテナモードにし、CSSを適用したいコンテナのコンテナ編集画面を開いてください。
  1. コンテナ編集画面上のclassに
    「negative」と入力します。
  2. 「保存」ボタンをクリックしたら完成です。

その他のTips

ページトップ