You cannot see this page without javascript.

메뉴 건너뛰기

MH

Lightbox 전용 Hover 위젯 위젯에서 썸네일 클릭시 이미지가 화면위에 출력되는 Lightbo...
MH FullPage 레이아웃 마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이...
댓글이 2줄 이상일 경우 접고... 게시글에 댓글이 여러줄로 달릴 경우 댓글란들이 길게 나열되...
Lightbox 전용 Slideing 위젯 위젯에서 썸네일 클릭시 이미지가 화면위에 출력되는 Lightbo...
MH Multi V3.3 - 최신글+내용... 이전 버전에서 설명을 보고 오시면 편합니다. [V3.3 특징] 1....
CSS 말줄임 처리하기 일반적으로 글자가 넘어가는 경우를 대비해서 백엔드단계에서...
MH StartStopSlider 위젯 화면 출력이 슬라이딩형식으로 흘러 갑니다. [특징] - 이미지...
Sketchbook5 게시판 글작성시... Sketchbook5 게시판을 사용하여 글 작성시 상단에 빵조각 메...
Xedition 레이아웃 스킨에서 ... Xedition 레이아웃을 사용해 오면서 별 불만이 없는데 상단에...
레이아웃스킨
2018.12.04 01:39

MH FullPage 레이아웃

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

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form
적용된링크 http://moonhouse.co.kr/xe/fullpage
설치경로 /layouts/mh_fullpage
자료적용 Yes

마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다.

 

[특징]

- 총 3단계의 상하 페이지로 구성되며, 2단계는 2개의 좌우 슬라이딩 페이지로 구성.(총 4개의 페이지)

- 2-2 페이지에 내용등 작성하지 않으면 출력되지 않음  

- 각 페이지의 배경을 이미지와 색상으로 지정 가능.(아래 이미지에 보이는 색상이 기본 색상)

fp_001.jpg

 

- 첫 페이지의 이미지는 배경 슬라이딩 이미지로도 설정 가능.(총4개의 이미지 지정 가능)

- 각 페이지마다 타이틀, 서브타이틀, content(위젯생성)영역, Html영역의 출력 가능.

- content(위젯생성)영역은 여러 페이지중 한 곳에서만 가능.(출력안함 가능)

- 상단영역과 하단영역의 출력 유무 가능.

- 상단영역에 메뉴버턴과 로고이미지와 검색, 사용자 팝업메뉴(로그인/관리/기타) 출력가능.

- 하단영역에 Copyright와 이메일, 기타문구 출력가능.

- 각 옵션마다 적합한 색상과 크기, 높 낮이 지정 가능.(상하단 바탕색상, 메뉴/버턴/글꼴 색상) 

mh_fullpage.jpg

  

- 반응형(모바일) 지원.

- 일반 메뉴바 와 반응형 메뉴바 구분 지원(1024px 기준)

- Html영역(위젯)에 일반형과 다른 반응형코드 작성 가능. 

- 반응형 Menu의 경우 로고문자와 로그인을 지원하며, 2차 메뉴는 드롭메뉴로 작동.

fullpage_01.jpg

 

- 페이지내용이 한 화면을 초과할시 스크롤사용 기능 선택 가능.

- 각종 네비 기능 선택 가능.(상하버턴, 좌우버턴, 페이지버턴등)

- 페이지 Loop기능 선택 가능.(1페이지에서 3페이지로, 3페이지에서 1페이지로)

- SocialXE 모듈설치시 SNS로그인 가능.

fp_003.jpg

 

소스는 아래 fullPage.js 에서 제공 받아서 XE 에서 작동하게끔 수정 / 변형 했습니다.

https://www.alvarotrigo.com/fullPage/

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

Atachment
첨부 '5'
    댓글이 하나도 없네요ㅠㅠ
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.
    자료에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?
Comment '0'

  1. 10
    Dec 2018
    00:51

    Lightbox 전용 Hover 위젯

    위젯에서 썸네일 클릭시 이미지가 화면위에 출력되는 Lightbox기능 전용 Hover 위젯입니다. [특징] 1. 기본설정으로 두면 250*200의 썸네일이 가로3줄 세로2줄 총 6개의 게시물 이미지가 출력 2. 썸네일에 마우스 Hover시 제목과 내용글이 슬라이딩 되며 출력 3. 썸네일하단에 게시글로 바로가기 버턴 출력 4. 썸네일을 클릭...
    Category위젯 Reply0 Views12 Votes0 file
    Read More
  2. 04
    Dec 2018
    01:39
    Update

    MH FullPage 레이아웃

    마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [특징] - 총 3단계의 상하 페이지로 구성되며, 2단계는 2개의 좌우 슬라이딩 페이지로 구성.(총 4개의 페이지) - 2-2 페이지에 내용등 작성하지 않으면 출력되지 않음 - 각 페이지의 배경을 이미지와 색상으로 지정 가능.(아래 이미지에 보이는 색상이...
    Category레이아웃스킨 Reply0 Views16 Votes0 updatefile
    Read More
  3. 25
    Nov 2018
    15:57

    Lightbox 전용 Slideing 위젯

    위젯에서 썸네일 클릭시 이미지가 화면위에 출력되는 Lightbox기능 전용 Slideing 위젯입니다. [특징] 1. 기본설정으로 두면 250*200의 썸네일 한개씩 5개의 게시물 이미지가 슬라이드로 출력 2. 썸네일을 클릭하면 이미지가 화면 중앙부위에 Lightbox로 출력 3. Lightbox 좌,우로 Nav버턴 과 이미지 아래 좌측에 게시글제목...
    Category위젯 Reply0 Views26 Votes0 file
    Read More
  4. 24
    Nov 2018
    23:15

    MH Multi V3.3 - 최신글+내용글+댓글+썸네일(링크, 줌, Lightbox)

    이전 버전에서 설명을 보고 오시면 편합니다. [V3.3 특징] 1. 내용글 세로 칸 수를 지정해서 공간의 여백을 최소화 http://moonhouse.co.kr/xe/463054 2. 마우스 Hover시 배경 색상지정 가능 3. Skin별로 겹쳐지는 images와 css, js 통합 4. 썸네일 클릭시 "Lightbox 형식" 추가, 총3가지 선택 가능합니다.(링크, Zoom) http...
    Category위젯 Reply0 Views20 Votes0 file
    Read More
  5. 08
    Nov 2018
    20:12

    MH StartStopSlider 위젯

    화면 출력이 슬라이딩형식으로 흘러 갑니다. [특징] - 이미지, 제목, 내용, 날짜, 글쓴이 출력 유무 가능합니다. - 이미지만 출력도 가능합니다. - 위젯의 크기를 조절 가능합니다. - 스마트폰에서도 잘 작동합니다. [옵션 설정으로 다양한 형태 가능]
    Category위젯 Reply2 Views56 Votes0 file
    Read More
  6. 27
    Oct 2018
    19:11

    MH Pointy Slider 레이아웃

    MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니다. http://www.htmldrive.net/items/show/1810/2016-Awesome-pointy-Slideshow [특징] MH_Sliding 레이아웃과 같은 곳에서 배포한 소스라 비슷한 점이 많아서 편했습니다.^.^ - 화면을 2등분해서 왼쪽은 타이틀과 설명 ...
    Category레이아웃스킨 Reply0 Views57 Votes0 file
    Read More
  7. 25
    Oct 2018
    23:05

    MH PageSwitch 위젯

    갤러리슬라이드를 다양한 형태로 제공하는 PageSwitch Widget입니다. [특징] 1. Slide의 형태가 120가지 입니다. 2. 제목, 내용, 날짜, 글쓴이 출력 유무 가능합니다. 3. 스마트폰에서도 잘 작동합니다. 4. 마우스 휠로 이전 다음 작동 슬라이드의 형태가 너무 많아서 설정에는 기본되는 10가지만 넣었습니다. /widgets/mh_p...
    Category위젯 Reply0 Views44 Votes0 file
    Read More
  8. 20
    Oct 2018
    22:46

    MH_Sliding 레이아웃

    MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니다. http://www.htmldrive.net/items/show/1848/Sliding-preview-images-Panels-Template-with-jQuery [특징] - 화면을 4등분해서 각각 메뉴로 작동합니다. - 각 화면의 배경을 이미지로 지정 가능 합니다. 이미지로 지정하지 ...
    Category레이아웃스킨 Reply0 Views70 Votes0 file
    Read More
  9. 15
    Oct 2018
    00:03

    카카오링크 애드온(mh_kakao_link)

    sejin7940님이 2015년에 만드신 카카오링크/카카오스토리 (sejin7940_kakao link)애드온이 최근에 카카오톡 링크 V2 API 로 업데이트 되면서 아래 문구가 뜨면서 작동이 되지를 않더군요. " 최신 버전의 카카오톡 링크가 적용되지 않은 앱(또는 서비스)에서 공유하기를 하였습니다. 해당 앱을 업데이트 하거나 최신 버전의 ...
    Category애드온 Reply0 Views94 Votes0 file
    Read More
  10. 01
    Oct 2018
    21:23

    Mh Accordion 위젯

    사진전용 갤러리 Mh Accordion 위젯입니다. [특징] 1. 슬라이드 자동, 수동으로 설정 가능 2. 마우스 Hover시 화면 확대 3. 제목, 내용, 날짜, 글쓴이 화면에 출력 유무 4. 이미지 뒤썩기 설정 가능 5. Board Select Skin 은 선택한 게시판의 이미지를 불러옵니다. 6. Url Upload Skin 은 외부의 이미지를 불러옵니다. 이미...
    Category위젯 Reply1 Views161 Votes5 file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 18 Next
/ 18
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...