가이드
상단영역 활용하기
빈페이지닷컴 2020-08-12 09:18:13
상단영역 활용하기

1. 스크롤 시 상단섹션 화면에 고정시키기

8-1.png

1) 화면에 고정시킬 상단섹션의 섹션설정 창을 엽니다.
2) 섹션설정창 아래쪽에 “기타설정” -> 스크롤 시 섹션고정 옵션을 체크합니다.


8-2.png


3) 설정창을 닫고 사이트 미리보기에서 마우스 스크롤을 내리면 상단영역이 브라우저 상단에 고정되서 계속 노출되는 것을 확인할 수 있습니다.



2. 상단영역을 본문배경과 오버랩(겹치기)효과 적용하기

8-3.png


1) 상단영역 바로 아래에 위치한 본문 섹션에서 마우스 우클릭 팝업메뉴를 호출한 후 “섹션도구 -> 상단 오버랩 적용 “ 을 클릭합니다.
(상단영역과 본문영역의 섹션배경을 겹쳐보이게 하는 효과이므로, 본문섹션에 배경이미지 또는 배경색이 지정되어 있어야 디자인적인 효과를 볼 수 있습니다.)

8-4.png

2) 오버랩을 적용하면 사진과 같이 본문섹션의 배경 이미지가 상단영역까지 겹쳐져서 보이는 것을 확인할 수 있습니다.


8-5.png

< "메뉴리스트"요소의 설정창 - 오버랩 설정 >

3) 오버랩을 적용 시 기존의 상단영역에 있던 요소들의 색상이 배경 이미지 또는 배경색과 잘 맞지 않는 경우 상단영역의 각 요소들의 설정창을 열고 “오버랩 설정”탭을 클릭한 후
오버랩 상태 일 때 요소의 색상속성을 따로 지정할 수 있습니다. (상단영역의 로고요소의 경우 오버랩 상태일때 로고 이미지를 별도로 지정할 수 있습니다.)



8-6.png

<오버랩 상태일때 "메뉴리스트" 요소의 폰트색상이 변경된 모습>


*오버랩 해제하기

8-7.png

4) 적용한 오버랩을 해제하려면 오버랩된 본문섹션에서 섹션도구를 열고 “상단 오버랩 해제”를 선택하시면 됩니다.

고객상담