메뉴 건너뛰기

이미지+제목+내용형

2016.02.16 19:10

메인 블럭(1~3)

조회 수 570 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print Files
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print Files

메인 위젯 사용 유무를 설정해 주십시오

첫번째 블럭(회사명) 사용유형을 설정해 주십시오

다국어 텍스트 설정

첫번째 블럭 배경색을 입력해 주십시오.(예 : #5E99D8)

회사소개 이미지를 등록해 주십시오(이미지가 등록되면 회사소개 제목과 회사소개 설명이 무효화 됩니다.)

다국어 텍스트 설정

회사소개 제목을 입력해 주십시오.(이미지를 등록하셨더라도 텍스트를 입력하셔야 합니다. 모바일에서 이미지 부분이 텍스트로 교체됩니다. - 사용 안할시에 값을 입력 안하시면 됩니다.-부제목도 이와 같습니다.)

다국어 텍스트 설정

회사소개 제목 폰트색을 입력해 주십시오.(예 : #ffff)

다국어 텍스트 설정

회사소개 부제목을 입력해 주십시오.

다국어 텍스트 설정

회사소개 부제목 폰트색을 입력해 주십시오.(예 : #ffff)

두번째 블럭 사용유형을 설정해 주십시오

다국어 텍스트 설정

두번째 블럭 배경색을 입력해 주십시오.(예 : #fff)

두번째 블럭 타이틀 이미지 등록해 주십시오(이미지가 등록되면 두번째 블럭 타이틀과 두번째 블럭 텍스트가 무효화 됩니다.)

다국어 텍스트 설정

두번째 블럭 타이틀 을 입력해 주십시오.(이미지를 등록하셨더라도 텍스트를 입력하셔야 합니다. 모바일에서 이미지 부분이 텍스트로 교체됩니다. - 사용 안할시에 값을 입력 안하시면 됩니다.-부제목도 이와 같습니다.)

다국어 텍스트 설정

두번째 블럭 내용 부제목을 입력해 주십시오.

배너 이미지를 등록해 주십시오(넓이 230이하)

다국어 텍스트 설정

배너 이미지 타이틀을 입력해 주십시오.

다국어 텍스트 설정

배너 이미지 부제목을 입력해 주십시오.

다국어 텍스트 설정

배너 이미지를 클릭했을때 이동할 주소를 입력해 주십시오.

배너 이미지를 등록해 주십시오(넓이 230이하)

다국어 텍스트 설정

배너 이미지 타이틀을 입력해 주십시오.

다국어 텍스트 설정

배너 이미지 부제목을 입력해 주십시오.

다국어 텍스트 설정

배너 이미지를 클릭했을때 이동할 주소를 입력해 주십시오.

배너 이미지를 등록해 주십시오(넓이 230이하)

다국어 텍스트 설정

배너 이미지 타이틀을 입력해 주십시오.

다국어 텍스트 설정

배너 이미지 부제목을 입력해 주십시오.

다국어 텍스트 설정

배너 이미지를 클릭했을때 이동할 주소를 입력해 주십시오.

두번째 블럭 하단 v 디자인 사용유무를 설정해 주십시오

세번째 블럭 사용유형을 설정해 주십시오

다국어 텍스트 설정

세번째 블럭 배경색을 입력해 주십시오.(예 : #f1f3ee)

세번째 블럭 타이틀 이미지 등록해 주십시오(이미지가 등록되면 세번째 블럭 타이틀과 세번째 블럭 텍스트가 무효화 됩니다.)

다국어 텍스트 설정

세번째 블럭 타이틀 을 입력해 주십시오.(이미지를 등록하셨더라도 텍스트를 입력하셔야 합니다. 모바일에서 이미지 부분이 텍스트로 교체됩니다. - 사용 안할시에 값을 입력 안하시면 됩니다.-부제목도 이와 같습니다.)

다국어 텍스트 설정

세번째 블럭 내용 부제목을 입력해 주십시오.

다국어 텍스트 설정

슬라이더를 불러올 게시판의 모듈 srl값을 입력해 주십시오.

다국어 텍스트 설정

불러올 목록수를 입력해 주십시오.

슬라이더 댓글수 노출유무를 설정해 주십시오

세번째 블럭 하단 v 디자인 사용유무를 설정해 주십시오

 

 

* 메인 위젯 사용 유무

 

- 메인 위젯공간인 블럭 1~4, 구글맵까지 전체 공간의 사용 유무를 결정합니다.

 

6.gif

 

* 첫번째 블럭 사용유형

 

- 위 이미지 공간의 사용 유무를 결정합니다.

 

* 첫번째 블럭 배경색

 

- 위 이미지의 배경색 부분을 설정합니다.(위는 파란색으로 설정되어 있습니다)

 

* 회사소개 이미지

 

- 매인 샘플에서는 텍스트 처리되었지만 위 이미지처럼 텍스트가 아닌 이미지 처리가 가능합니다. 단 사용시 이미지의 상단 여백을 조금더 주는게 보기 좋습니다.

 

* 회사소개 제목

 

- 회사명에 속하는 부분의 텍스틀 입력합니다.

 

* 회사소개 제목 폰트색

 

- 회사명의 폰트색을 결정합니다. 달리 값이 없으면 흰색처리 됩니다.

 

* 회사소개 부제목

 

- "회사 소개 - 이미지 처리 부분"의 텍스트를 입력합니다.

 

* 회사소개 부제목 폰트색

 

- '회사 소개 - 이미지 처리 부분'의 폰트색을 결정합니다. 달리 값이 없으면 흰색처리 됩니다.

 

 

7.gif

 

 

* 두번째 블럭 사용유형

 

- 두번째 블럭의 사용 유무를 결정합니다.

 

* 두번째 블럭 배경색

 

- 위 이미지의 배경색을 말하며 이미지에서는 #EFEBE9 처리 되었습니다.

 

* 두번째 블럭 타이틀 이미지

 

- 첫번째 블럭처럼 텍스트가 아니라 이미지 등록이 가능합니다.

 

* 두번째 블럭 타이틀

 

- 위 이미지에서 '회사 대표 상품'이 이에 속합니다.

 

* 두번째 블럭 부제목

 

- 위 이미지에서 '회사 대표 상품이나 회사를 설명하는 이미지'가 이에 속합니다.

 

* 배너 이미지

 

- 둥근 모양의 이미지가 이에 속합니다. border-radius 처리를 하지 않았습니다. 사각 이미지를 등록 하시면 사각처리 됩니다.

 

* 배너 이미지 타이틀

 

- '모바일에서'가 이에 속합니다.

 

* 배너 이미지 부제목

 

- '모바일에서도 사용이 편리한'이 이에 속합니다.

 

* 배너 이미지 링크 

 

- 배너 이미지를 클릭할때 이동할 주소를 입력합니다.

 

* B,C 군도 위와 같습니다.

 

* 두번째 블럭 하단 v 디자인 사용유무

 

- 위 이미지의 하단 V 라인의 사용 유무를 설정합니다.

 

8.gif

 

 

 

* 세번째 블럭 사용유형

 

- 위 슬라이드 공간의 사용 유무를 결정합니다.

 

* 세번째 블럭 배경색 ~ 세번째 블럭 부제목

 

- 다른 블럭과 같습니다.

 

* 슬라이더 srl값

 

- 불러올 게시판의 srl 값을 입력합니다.(게시판에는 넓이 460 높이 300 이상의 이미지가 등록되어 있어야 합니다.)

 

* 불러올 목록수

 

- 슬라이드에 노출될 이미지의 목록수를 설정합니다. 6개 이상 설정하시기길 권장 드립니다.

 

* 슬라이더 댓글수 노출유무

 

- 위 이미지의 우하단에 있는 슬라이더 댓글수 부분을 노출시킬지 말지를 결정하는 부분입니다.

 

 

* 세번째 블럭 하단 v 디자인 사용유무

 

- 위 이미지의 하단 V 라인의 사용 유무를 설정합니다.


List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 라이선스 DoorWeb 2016.02.17 175
공지 module_srl값 찾기 DoorWeb 2016.02.17 611
14 기본설정 file DoorWeb 2016.02.16 1071
13 HEADER 설정 file DoorWeb 2016.02.16 677
12 메뉴설정 file DoorWeb 2016.02.16 650
11 메인 - 슬라이더 file DoorWeb 2016.02.16 624
» 메인 블럭(1~3) file DoorWeb 2016.02.16 570
9 메인 블럭 (4-위젯형) file DoorWeb 2016.02.16 533
8 메인 - 구글맵 file DoorWeb 2016.02.16 400
7 빵조각 설정 file DoorWeb 2016.02.17 415
6 서브설정 file DoorWeb 2016.02.17 479
5 서브배너 file DoorWeb 2016.02.17 305
4 풋터 file DoorWeb 2016.02.17 304
3 풋터 SNS file DoorWeb 2016.02.17 243
2 우측 퀵 file DoorWeb 2016.02.17 364
1 모바일 슬라이드와 모바일 블럭4(위젯) file DoorWeb 2016.02.17 603
Board Pagination ‹ Prev 1 Next ›
/ 1

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

닫기