어디에서나 바로가기 기능을 사용하실 수 있습니다. 주메뉴 이동은 알트 키 플러스 1 키이고, 본문 이동은 알트 키 플러스 2 키입니다.


본문 영역

그리드(블록) 설정

편집영역에 있는 블록을 클릭하면, 3가지 버튼그룹이 활성화 됩니다.
3가지 버튼그룹은 01 행(row) 설정 그룹, 02 열(col) 설정 그룹, 03 기타 설정 그룹입니다.
아래부터는 그룹이란 명칭은 빼고 설명하겠습니다.

1. 행(row) 설정

왼쪽에 생성되는 3개의 버튼이 행 설정입니다. 
하나의 블록은 아래의 HTML의 구조를 가집니다.
조건은 최상단에 m9-grid-block를 가지면, 행 설정 버튼이 나타납니다.
 
블록의 상하 위치를 이동합니다.
블록을 복사합니다.(행 복사 버튼)
해당 블록의 html을 수정합니다.
블록을 삭제합니다. 삭제된 블록은 복원이 불가능합니다.

상하 순서 변경 버튼

상하 순서 변경 버튼을 마우스로 꾹 눌러 드래그한 뒤 변경하고자 하는 위치에 블록을 내려놓습니다. 

예제 따라해보기

행 복사 버튼

클릭하시면, 바로 복사가 되어집니다.

예제 따라해보기

HTML 편집 버튼

클릭하시면, HTML편집창이 뜹니다.

예제 따라해보기


2. 열(col) 설정

상단에 생성되는 버튼들이 열 설정입니다. 
 
열 복사 - 블록을 복사합니다.
열 넓히기 - 열 복사 버튼을 누르면 활성화되는 버튼입니다. 해당 열의 넓이를 늘여줍니다.
열 좁히기 - 열 복사 버튼을 누르면 활성화되는 버튼입니다. 해당 열의 넓이를 좁혀줍니다.

열 복사 버튼

열 복사 버튼을 누르면 객체가 복사됩니다. 최대 6개까지 복사가 가능합니다.

예제 따라해보기

열 넓히기 버튼 / 열 좁히기 버튼

열 복사 버튼을 누르면 열 넓히기 버튼과 열 좁히기 버튼이 활성화되어 열의 너비를 조정할 수 있습니다.
열 넓히기와 좁히기는 많은 많은 경우의 수가 있습니다. 그리드(grid)에서 다양한 경우의 수를 확인하실 수 있습니다.

예제 따라해보기


3. 기타 설정

오른쪽에 생성되는 3개의 버튼은 열 설정 버튼입니다. 
 
타입 변경 - 간격이 있는/없는 타입으로 변경합니다.
컬럼 추가 - 하나의 빈칸을 추가합니다.
그리드 추가 - 밑에 하나의 빈줄을 추가합니다.

간격 타입 변경 버튼

간격을 조정하는 버튼으로 총 3가지 간격으로 조정할 수 있습니다.
.m9-spacing-0, .m9-spacing-1, .m9-spacing-2 로 변경됩니다.

예제 따라해보기

컬럼 추가 버튼

빈 열(컬럼)을 추가합니다. 최대 6개까지 가능합니다.
.m9-grid-1 ~ .m9-grid-6 까지입니다.

예제 따라해보기

그리드 추가 버튼

빈 행(그리드)을 추가합니다. 

예제 따라해보기

TOP
사용자 영역
몽9커뮤니티 QR코드
주소 : 경상남도 김해시 김해대로 2301 302호
대표전화 : 070-7325-6354
팩스 : 055-715-6601
메일 : mong9mail@gmail.com
Contacts
  • +82-70-7325-6354
    +82-55-715-6601(FAX)
  • 604 Ho,3 Dong,21, Bongambuk 7-gil, Masanhoewon-gu, Changwon-si, Gyeongsangnam-do, Republic of Korea
Copyright Mong9 Community Co., Ltd.
All Rights Reserved.