메뉴와 일체화된 디자인 구성하기 (겹치기)

겹치기 기능에 대한 이해

아임웹에서 '겹치기'는, 메뉴가 본문 배경과 겹쳐진 형태를 말합니다. 겹치기 기능을 활성화하기 위해서는 상단(헤더) 섹션에서 '겹치기' 기능을 켜야 합니다. 겹치기가 활성화 되면, 아래 그림처럼 상단 메뉴와 본문 섹션이 겹치면서 마치 메뉴가 떠있는 듯한 효과를 낼 수 있습니다.


참고

  • 겹쳐진 메뉴(헤더)의 배경은 무시되어 투명이 됩니다. 따라서 배경을 설정하더라도 투명한 형태로만 표시됩니다.
  • 겹치기를 해제할 경우 설정한 배경이 적용됩니다.
  • 헤더 섹션과 겹쳐진 아래쪽 섹션 내의 위젯은 메뉴와 겹쳐지지 않습니다. 섹션의 배경만 메뉴와 겹쳐집니다.


겹치기 효과를 구현하는 방법

2016년 2월 22일 이전에 사이트 개설한 경우 기존 헤더를 사용할 가능성이 있습니다. 새로운 헤더로 교체해야 합니다. 새로운 헤더에 대해 자세히 알아보기

1단계, 겹쳐질 본문 섹션을 상단(헤더)의 바로 아래쪽에 배치합니다.
*섹션은 위젯(이미지, 텍스트, 게시판 등)을 감싸는 영역이며, 마우스 오른쪽 버튼을 눌러 '위로 이동' 또는 '아래로 이동'을 통해 이동할 수 있습니다.



2단계, 상단 메뉴 영역에서 마우스 오른쪽 버튼을 클릭해 '겹치기'를 클릭합니다.



3단계, 아래쪽 섹션 배경이 메뉴에 겹쳐집니다.
*참조 : 메뉴 텍스트 색상이 잘 보이지 않는 경우 '상단 설정'을 켜고 '메뉴 위젯' 설정에서 텍스트 색상을 바꿀 수 있습니다.

목록으로

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버페이, KCP 공식파트너입니다.