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

위와 같이 배경 이미지 위에 메뉴가 떠있는 형태의 디자인도 아임웹에서 지원하고 있습니다.

겹치기에 대한 이해


메뉴가 배경에 겹쳐진 형태를 활용하기 위해서는 헤더 섹션에서 "겹치기" 기능을 활성화 시켜야 합니다. 겹치기가 활성화 되면, 아래쪽에 있는 섹션과 겹쳐져서 마치 메뉴가 떠있는 듯한 효과를 낼 수 있습니다.

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

겹쳐진 효과를 구현하는 방법

  1. 내 사이트의 디자인 모드에 접속합니다.
  2. 2016년 2월 22일 이전에 개설한 사이트인 경우 기존 헤더를 사용할 가능성이 있습니다. 새로운 헤더로 교체해야 합니다. 새로운 헤더에 대해 자세히 알아보기
  3. 겹쳐질 섹션을 헤더(메뉴)의 바로 아래쪽에 배치합니다. 섹션은 위젯(이미지, 텍스트, 게시판 등)을 감싸는 영역이며 오른쪽 버튼을 눌러 "위로 이동" 또는 "아래로 이동"을 통해 이동할 수 있습니다.
  4. 의도대로 섹션을 배치했다면 헤더(메뉴) 섹션에서 오른쪽 버튼을 눌러 "겹치기"를 클릭합니다.
  5. 아래쪽 섹션의 배경이 메뉴에 겹쳐진 상태를 확인할 수 있습니다.
  6. 메뉴의 텍스트 색상이 겹쳐진 메뉴에 의해 잘 보이지 않는다면 "설정"에 진입하여 색상을 조정합니다. 헤더 팔레트에 대해 자세히 알아보기
목록으로

아임웹 공식제휴사

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