배경 객체 추가

1. 배경 객체 추가

객체 추가 중 배경 객체를 클릭 합니다.

ㆍa. 배경 이미지 : 이미지 파일로 배경 객체를 추가할 수 있습니다.

ㆍb. 이미지  및 오버시 이미지 설정 : 

- 이미지 구분 : 이미지파일을 업로드, 외부경로, 이미지 라이브러리 중 하나를 선택해서 저장할 수 있습니다.

- 이미지 경로 : 업로드 이미지시에는 파일첨부, 외부경로시에는 이미지 파일 URL, 이미지 라이브러리는 선택된 이미지 파일 URL이 보여집니다.

- 이미지 옵션 : 배경이미지의 정렬, 반복여부, 배경고정을 설정할 수 있습니다.

- 배경 옵션 : 이미지를 사용하지 않고 배경색만으로도 배경 객체를 추가할 수 있습니다.

> 배경색 : 원하는 색상을 지정할 수 있습니다.

> 그라데이션 : 배경객체에 그라데이션 색을 지정할 수 있습니다.

ㆍc. 배경커버 : 배경 이미지에 색상이나 패턴을 추가하실 수 있습니다.

- 배경 커버색 : 이미지 위에 추가할 색상을 선택하실 수 있습니다.

- 배경 커버색 투명도 : 이미지 위에 추가한 색상의 투명도(농도)를 설정하실 수 있습니다.

- 배경 커버패턴 : 이미지 위에 패턴모양을 선택해서 추가할 수 있습니다.

- 커버패턴 투명도 : 이미지 위에 추가한 패턴모양의 투명도(농도)를 설정하실 수 있습니다.

ㆍd. 객체 정렬 : 절대위치, 상대위치, 오른쪽위치, 100% 중 하나를 선택하실 수 있습니다.

- 절대위치 : 브라우저 해상도 사이즈에 따른 X, Y 좌표 고정

- 상대위치 : 브라우저 해상도 사이즈에 따른 X, Y 좌표 변경

- 오른쪽위치 : 오른쪽 화면으로 고정

- 100% : 브라우저 해상도 기분 100%로 화면고정

ㆍe. 페이지 적용 : 현재페이지, 일부페이지, 모든페이지 중 하나를 선택하실 수 있습니다.

- 현재페이지 : 작업중인 페이지만 보여집니다.

- 일부페이지 : 만들어진 메뉴(페이지)중 원하는 메뉴(페이지)를 선택해서 같이 보여지게 할 수 있습니다.

- 모든페이지 : 만들어진 모든 메뉴(페이지)에 보여집니다.

ㆍf. 위치 자동변경 : 게시판 페이지의 내용이 길어질 경우 해당 객체가 하단으로 내려와서 보여줘야하는 경우 사용됩니다.

배경 객체 수정, 디자인, 모션

ㆍa. 디자인 

배경 객체위에 마우스를 올리면 툴팁의 디자인 메뉴 클릭시 배경객체의 세부 디자인 설정이 가능합니다. (오른쪽 버튼 클릭 후 디자인 설정과 동일합니다.)

ㆍa. 테두리 설정 

- 테두리 색상 : 전체 테두리 선의 색상을 설정할 수 있습니다.

- 테두리 굵기 : 전체 테두리 선 두께를 설정할 수 있습니다.

   > 개별설정시 : 상단, 하단, 왼쪽, 오른쪽 개별적으로 선 색상과 선 두께를 설정할 수 있습니다.

ㆍb. 모서리 설정 : 수치가 클수록 객체의 모서리가 더 둥글게 보입니다.

ㆍc. 투명도 설정 : 수치가 낮을 수록 객체가 투명하게 보입니다.

ㆍd. 그림자 설정 

- 색상 : 그림자의 색상을 설정할 수 있습니다.

- 수직 : 그림자의 위 아래 위치를 조절할 수 있습니다.

- 수평 : 그림자의 좌 우 위치를 조절할 수 있습니다.

- 흐림효과 : 흐림효과(브러효과)를 설정할 수 있습니다.

※ 관련링크

모션효과 설정보기