매뉴얼

  •  
  •  매뉴얼 

마우스오버블럭 다루기

마우스오버블럭이란?


위와 같이 블럭 위에 마우스를 올렸을 때 다른 내용을 보여주는 블럭입니다.



기본, 마우스오버 전환하기


마우스오버 블럭은 기본과, 마우스오버로 나뉘어져 있습니다.

기본은 마우스를 올리지 않은 기본 상태일 때, 마우스오버는 마우스를 올렸을 때 각각의 화면들을 보여줄 수 있습니다.

마우스오버 블럭 위에 마우스를 올린 뒤, 좌측 상단에 뜨는 기본/마우스오버 탭을 클릭하여 전환할 수 있습니다. 



마우스오버 블럭에 요소 블럭 추가하기

마우스오버 블럭은 안에 요소 블럭들을 자유롭게 추가할 수 있습니다.

추가된 요소 블럭들의 편집 방법은 보통의 요소 블럭들과 같으나, 설정 메뉴 위치의 차이가 있습니다.


위처럼 마우스오버 블럭 안에 있는 요소 블럭들의 설정 메뉴는 각 요소 블럭의 우측 상단에 초록색으로 표시됩니다.

설정메뉴 위치와 색상만 다를 뿐 설정 방법은 동일합니다.

마우스오버 블럭을 추가했을 때 기본적으로 세팅되어있는 요소 블럭은 아이콘 블럭과 텍스트 블럭입니다.

초록색 추가 버튼을 통해 원하는 위치에 원하는 요소 블럭을 추가할 수 있습니다.

(마우스오버 블럭 안에 지도와 마우스오버 블럭은 추가할 수 없으니 참고해 주세요.)



마우스오버 블럭 상세 설정하기

마우스오버 블럭 위에 마우스를 올리면 좌측 상단에 블럭 편집 메뉴가 표시됩니다.

가운데에 있는 설정(톱니 바퀴 모양) 버튼을 클릭하여 상세 설정창을 열어줍니다.



마우스오버 블럭의 상세 설정창은 내용, 레이아웃,  배경 세 개의 탭메뉴로 구성되어 있습니다.

각 설정 항목에 대해 알아보겠습니다.


내용 

항목설명
효과

마우스오버했을 때의 전환 효과를 설정합니다.

하단의 미리보기를 통해 각 효과를 확인할 수 있습니다.


레이아웃

항목설명
좌우 여백블럭의 좌우 여백을 설정합니다.
상단 여백블럭 상단의 여백을 설정합니다.
하단 여백블럭 하단의 여백을 설정합니다.
정렬마우스 블럭 안 요소 블럭들의 정렬을 설정합니다.


배경

기본 배경기본 상태일 때의 배경을 설정합니다.
마우스오버 활성화 배경블럭 위에 마우스를 올렸을 때의 배경을 설정합니다.
테두리블럭의 테두리 종류, 두께, 색상 등을 설정합니다.
닷홈 홈페이지