레이아웃스킨
2018.12.04 01:39

MH FullPage 레이아웃 V1.1

조회 수 761 추천 수 0 댓글 40
Extra Form
적용된링크 https://moonhouse.co.kr/zbxe
설치경로 /layouts/mh_fullpage
자료적용 Yes
div>

<p>

div>

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

 

[Tip]

페이지에 Youtube코드 넣는 방법

<iframe width="560" height="315" src="https://www.youtube.com/embed/qiCVPpI9l3M" frameborder="0" allowfullscreen data-autoplay></iframe>

위의 코드를 layout.html의  출력하고 싶은 위치에 넣어 주시면 됩니다.

 

그 외에 HTML 5 videos를 출력하는 코드

<video loop controls="false" data-autoplay>
 <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
 <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
</video>

 

Audio를 출력하는 코드

<audio controls="" data-autoplay>
 <source src="img/horse.ogg" type="audio/ogg">
 <source src="img/horse.mp3" type="audio/mpeg">
</audio>

 

[V1.1 특징]

- 원페이지로도 작동

- 상단 메뉴바에 색상 지정가능.(바탕색 투명일때 유용)

- 반응형 메뉴에서 3차메뉴 지원

- 사용자팝업메뉴에 포인트바 표시

- 사용자팝업메뉴에 "레이아웃설정" 타겟이 blank로 출력

   라이믹스의 경우 "관리자페이지"에서 "시스템설정 - 고급설정"에서 "모듈 설정 화면"을 "

 

통합 Web Fonts 애드온 V1.5"은 아직도 등록 대기중입니다.

기다리지는 않았지만 그래도 지치내요...

 

[특징]

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

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

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

fp_001.jpg

 

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

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

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

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

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

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

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

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

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

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

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

fullpage_01.jpg

 

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

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

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

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

fp_003.jpg

Tip - 반응형메뉴의 경우 1차메뉴를 클릭시 2차 메뉴 슬라이딩으로 출력되게 수정하는 법(no1s님 요청)

smenu.html를 편집기로 열어서 46~49줄을 아래와 같이 수정하시면 됩니다.

[수정전]

<li loop="$Smart->list=>$key1,$val1" class="active"|cond="$val1['selected']" style="padding-top:10px">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<li class="dropdown" cond="$val1['list']">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i><span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">

 

[수정후]

<li loop="$Smart->list=>$key1,$val1" class="active"|cond="$val1['selected']" style="padding-top:10px">
<li class="dropdown" cond="$val1['list']">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul class="dropdown-menu" role="menu">

 

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

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

Who's 팔공산

profile

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

Atachment
첨부 '13'
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.
    자료에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?
Comment '40'
  • ha
    hani 2019.06.02 21:52
    #comment_489634
    안녕하세요 만들어주신 레이아웃을 잘 적용하였는데 웹에서 화면이 좁아지거나, 모바일 화면에서 옆에생기는 삼선 버튼이 열리지 않아서 메뉴를 볼 수가 없습니다 ㅠㅠ 레이아웃이 너무 편해서 맘에 드는데 방법이 없을까요?
  • profile
    팔공산 2019.06.03 19:25
    #comment_489721

    hani 님에게 달린 댓글

    저는 잘 작동하는데요.
    https://moonhouse.co.kr/zbxe
    스마트폰은 안드로이드고 브라우즈는 크롬입니다.
  • 몽해
    몽해 2019.12.07 10:05
    #comment_506274

    팔공산 님에게 달린 댓글

    레이아웃 정말 좋습니다.
    그런데 윗분 말씀처럼 스마트폰에서 메뉴를 눌려도 아무반응이 없네요!!
    혹시 확인해 볼만한 것 알려주시면 많은 도움 될것 같습니다.
    안드로이드에서 크롬, 네이버 다 안되며 팔공산님이 말씀하신 사이트는 잘 됩니다.
  • profile
    팔공산 2019.12.07 12:31
    #comment_506299

    몽해 님에게 달린 댓글

    햄버거메뉴는 브라우즈 가로폭이 1024px 이하면 출력되게 만들어져 있습니다.
    pc에서 가로폭을 1024px 이하로 좁혀서 한번 테스트 해 보세요.
    그리고 제가 한번 볼 수 있게 사이트 정보라도 주시면 너 낳은 정보를 드릴 수 있을 것 같은데...
  • 몽해
    몽해 2019.12.07 15:51
    #comment_506313

    팔공산 님에게 달린 댓글

    빠른 답변주셔서 정말 감사합니다.
    들어가서 테스트 해 보겠습니다.

    사이트는 거제민국.com 입니다
    시만들에게 부동산정보를 무료로 제공하는 있습니다.
  • profile
    팔공산 2019.12.07 16:39
    #comment_506320

    몽해 님에게 달린 댓글

    /layouts/mh_fullpage/smenu.html 파일에 <div id="wrapper">부분의 토글이 작동을 하지 않는 것 같습니다.
    /layouts/mh_fullpage/css/smenu.css 파일이 정상적으로 업로드 되었는지 확인 한번 해 보시고
    (되도록이면 레이아웃 전체를 믿을만한 ftp로 다시 업로드)
    그래도 안되면 레이아웃안의 내용글들 중에서 토글 사용하는 프로그램을 종료하고 한번 해 보세요.
    아마 서로 충돌 할 수도 있습니다.

  • 몽해
    몽해 2019.12.07 16:53
    #comment_506326

    팔공산 님에게 달린 댓글

    답변주셔서 감사합니다.
    smenu.css 는 잘 올라가 있습니다.
    말씀하신부분 확인해보고 결과 댓글 등록하도록 하겠습니다.
  • 몽해
    몽해 2019.12.08 04:31
    #comment_506435

    팔공산 님에게 달린 댓글

    밤을 새워 이제서야 겨우 해결했습니다.
    아래 부분 추가하니 정상 작동 되었습니다.
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

    그래서 jquery-1.11.3.min.js 파일 다운받아 js 폴더에 넣고
    아래와 같이 load 추가하니 정상적으로 잘 작동합니다.
    <load target="css/smenu.css" />
    <load target="js/bootstrap.min.js" />
    <load target="js/jquery-1.11.3.min.js" />

    감사합니다.
    덕분에 많이 배웠습니다.

  • no
    no1s 2019.08.20 09:24
    #comment_496705
    안녕하세요 . 만들어주신 레이아웃은 잘 적용하고 설정중인데요 ㅠㅠ 웹형에서 혹시 홈메뉴 클릭하면 부메뉴가 사이드로 내려오게는 설정 못하나요 ?
  • profile
    팔공산 2019.08.20 19:35
    #comment_496757

    no1s 님에게 달린 댓글

    원소스는 그런 모습 이었는데 저의 홈피가 1차 메뉴에도 페이지가 있어서 일부러 그렇게 만든 것입니다.
    제가 코드를 손 안 된지가 좀 되어서 지금 당장 소스를 올리지는 못 하겠네요.
    시간 나는대로 살펴보고 팁 올리겠습니다.

     

    p.s 본문에 Tip으로 남겼습니다.  

  • 몽해
    몽해 2019.12.08 06:34
    #comment_506462
    <load target="js/jquery-1.11.3.min.js" />
    이 부분 적용해서 메뉴는 해결 되었습니다.
    그런데 첫페이지는 배경화면 슬라이드로 사용하고
    2번째 페이지를 Section one 설정의 것으로 할려고 하는데
    Section one 설정해 놓은 것이 첫페이지로 올라와 버립니다.
    <load target="js/jquery-1.11.3.min.js" />
    적용 안하면 정산적으로 나오는데 메뉴가 작동 안되고요~~
    계속 테스트 해 보겠습니다.
    혹시 확인할 곳 힌트라도 부탁드립니다.
  • profile
    팔공산 2019.12.08 09:39
    #comment_506476

    몽해 님에게 달린 댓글

    https://xetown.com/questions/967886#comment_967939
    위의 댓글을 보면 jquery를 두번 적용하면 안된다고 나와 있습니다.
    jquery의 경우는 XE 나 라이믹스 모두 기본 설정에서 제공하고 있으므로
    특히 낮은 버전을 또 띄우면 에러 발생합니다.
    님이 사용하시는 것이 XE 인가요 라이믹스 인가요?
    참고로 이 홈피는 라이믹스입니다.
  • profile
    팔공산 2019.12.08 09:49
    #comment_506481

    몽해 님에게 달린 댓글

    smenu.html 파일안에
    마지막 스크립트부분을
    <script>
    $(document).ready(function () {

    아래와 같이 수정 한번 해보세요
    <script>
    jQuery(document).ready(function () {
  • 몽해
    몽해 2019.12.08 10:27
    #comment_506489

    팔공산 님에게 달린 댓글

    답변 감사합니다.
    XE 입니다.

    의견주신대로 jQuery(document).ready(function () { 로 바꾸어 두가지로 해 보았습니다.
    js/jquery-1.11.3.min.js 를 빼고 해보니 화면의 중간에 동근랗게 삥글삥글 동그라미 계속 돌아가며
    마찬가지로 메뉴가 작동을 하지를 않습니다.

    의견주신 부분 수정하고 js/jquery-1.11.3.min.js 를 load 하여 해 보았습니다.
    이전과 같이 메뉴는 나오는데 2번째 페이지가 첫페이지 화면에 올라와 버립니다.

    죄송하지만 팔공산님께서 다른분 댓글에 말씀하신 사이트
    https://moonhouse.co.kr/zbxe 에서는 잘 되나는데요
    그 사이트에 사용하신 smenu.html 와 smenu.css 가 레이아웃에 포함된 것과 다른 것인가요?
    소스보기를 해보니 레이아웃에 포함된 파일의 class 에는 없는 것이 있더라고요?
    <div id="amenu" class="amenu black">
    <img src="/icons/default/new.gif" class="menu_new"/>
    <span class='submenu-indicator'>
    <ul class="submenu">

    혹시 올려놓으신 것과 다른것 이라면 실례가 안된다면
    메일이나 댓글로 받아서 테스트 해 볼수 있는 행운을 주실수 있으실련지요!
    시간이 많이 소요되어 눈이 많이 뻑뻑하네요~~

     

    감사합니다.
    행복한 일요일 되세요

  • profile
    팔공산 2019.12.08 11:21
    #comment_506500

    몽해 님에게 달린 댓글

    시간이 많이 소요되어 힘드시죠~
    잠시 쉬어 가면서 하세요^.^

    제 홈에 있는 것은 변형을 조금 한거라 드리기가 그렇습니다.
    나중에 코드 정리해서 Point 자료실에 올리겠습니다.(활동 많이 하셔서 포인트 모아 놓으세요...)

    그리고 제홈에 있는 거랑 기능적인 부분은 별 차이가 없습니다.
    말씀하신 소스 부분들은
    amenu는 no1s님의 팁을 적용한 것이고요
    menu_new는 새글 알림 에드온입니다.

    혹시나 XE에서는 문제를 일으키나 싶어서 제가 테스트로 사용중인 XE사이트에 올려서 적용해 봐도
    메뉴부분 잘 작동이 되네요. http://moonhouse.woobi.co.kr
    해당 레이아웃은 님이 받으신 것과 같은 V1.1입니다.
    참고로 XE V1.11.5 이며 PHP V5.3.3 도 낮은 편이라 별 문제가 되지는 않을 것 같군요.

    한가지 더 팁을 드리자면 힘드시겠지만
    님이 작성하신 섹션 부분의 문제 일 수 도 있으니 레이아웃 설정에서 섹션 부분들을 모두 사용안함으로 해 보고 테스트 해보시고요,
    그래도 문제가 해결 안되면 XE도 최신버전으로 업하시고 레이아웃도 다시 받고
    아무것도 없는 테스트 메뉴 하나 만들어서 순수한 상태의 레이아웃 적용해서 기능을 점검해 보시기를 권합니다. 그렇게 했는데도 적용이 안 된다면 저도 더 이상은...

    저도 님 질문에 답변 드린다고 하던 작업 멈추고 시간 많이 할애 했습니다.ㅎㅎㅎ

  • 몽해
    몽해 2019.12.08 17:37
    #comment_506534

    팔공산 님에게 달린 댓글

    정말 많은 도움 되었습니다.
    차근 차근 해 보겠습니다.
    지식 나눔에 귀한 시간내어 주셔서 정말 감사합니다.
  • 몽해
    몽해 2019.12.09 08:36
    #comment_506665

    XE 스킨만 적용해 보았지 코드는 수정 해보지를 못해 능력이 많이 부족하여

    어디를 수정해 봐야할지 모르겠어요ㅠㅠㅠ
    죄송스럽지만 갑갑한 마음에 한가지만 더 문의 드리게 되었습니다.

    모바일에서 메뉴를 누려서 열리면 1차 메뉴가 보이고 1차 메뉴를 누르면 2차 메뉴가 열리는데
    처음부터 모바일 메뉴 누르면 1차, 2차 메뉴 모두가 열려셔 있게 하는 방법 좀 알려주시면 감사하겠습니다.

  • profile
    팔공산 2019.12.09 18:50
    #comment_506729

    몽해 님에게 달린 댓글

    smenu.css 파일에서
    .dropdown-menu { display:none; }부분을
    .dropdown-menu { display:block; }로 변경하면 됩니다.
    근데 레이아웃 특성상 메뉴가 많아져서 세로로 길어지면 아래 부분이 보이질 않습니다.
    이점 유위 하시면 됩니다.
  • 몽해
    몽해 2019.12.09 21:54
    #comment_506791

    팔공산 님에게 달린 댓글

    감사합니다.
    잘 작동 되었습니다.

    사실은 초보적인 생각에 open closed 관련 있을것 같아서
    이부분들 바꿔 보았거든요~~~ㅋㅋ
    open closed 는 모바일 메뉴의 옆쪽 사이드 창이 열리는 것과 관련이 있더라고요!!
    잘 배웠습니다.
  • profile
    팔공산 2019.12.09 20:23
    #comment_506748

    몽해 님에게 달린 댓글

    포인트자료실 에 제가 사용중인 버전 올려 놓았습니다.

    님이 이야기하신 메뉴 부분 선택할 수 있는 기능도 적용되어 있습니다.

    설치하시고 캐시파일 한번 비워주시면 됩니다. 

  • 몽해
    몽해 2019.12.09 21:57
    #comment_506802

    팔공산 님에게 달린 댓글

    감사합니다.
  • ha
    haha 2019.12.31 16:18
    #comment_508966

    안녕하세요 만들어주신 레이아웃을 쓰려고 하는데 만들다보니 section1 슬라이드 부분에서 슬라이드를 넘길수 있는 버튼은 따로 없는건가요? 넘기려고하면 키보드 화살표로밖에 안되네요

  • profile
    팔공산 2019.12.31 16:46
    #comment_508977

    haha 님에게 달린 댓글

    색션1_2, 1_3가 열리는 조건문입니다.
    내용이던 제목이던 소제목 이던 한가지는 작성해 줘야 열립니다.

    <div class="slide" id="slide2" cond="$li->section1_2_html || $li->section1_2_title || $li->section1_2_subtitle">

  • ha
    haha 2019.12.31 16:49
    #comment_508982

    팔공산 님에게 달린 댓글

    이미지를 넣고 타이틀을 적용해서 나오는건 다 나오는데 슬라이드를 넘기는 방법에 대해서 키보드 화살표 말고 따로 만들어진 버튼은 없는 건가요?
  • profile
    팔공산 2019.12.31 16:52
    #comment_508989

    haha 님에게 달린 댓글

    화면 중앙 좌우에 흰색화살표 보이지 않나요?
  • ha
    haha 2019.12.31 17:00
    #comment_508994

    팔공산 님에게 달린 댓글

    네 보이지 않습니다
    http://wkdwoals792n.cafe24.com/page_rpWT99
    현제 작업하는 페이지입니다 일단 한번 남겨 봅니다
  • profile
    팔공산 2019.12.31 17:02
    #comment_509001

    haha 님에게 달린 댓글

    https://moonhouse.co.kr/zbxe#2
    이 페이지에서는 흰색화살표가 보이나요?
  • ha
    haha 2019.12.31 17:03
    #comment_509006

    팔공산 님에게 달린 댓글

    네 올려주신 페이지에서는 보입니다
  • profile
    팔공산 2019.12.31 17:25
    #comment_509013

    haha 님에게 달린 댓글

    혹시 레이아웃을 수정을 하셨나요... 상단 메뉴가 우측으로 배치가 되는 군요.
    그리고 화살표 부분은 이미지도 아이콘도 아닌 css로 구현된 것입니다.
    fullpage.css 45, 46줄이 해당 부분입니다. 혹시 모르니 left와 right를 조절해 보세요.
    그 이상은 제가 님의 ftp로 들어가지 않는 이상 힘듭니다.
    대구 수성구 시네요, 저는 대구 남구에 삽니다^.^
  • ha
    haha 2019.12.31 17:33
    #comment_509018

    팔공산 님에게 달린 댓글

    상단메뉴가 로고를 가리게 되서 부득이하게 우측으로 수정했습니다 남구면 가까운곳이네요 ㅎㅎ 올한해 마무리 잘하시고 내년에도 행복하세요 ㅎㅎㅎ
  • profile
    팔공산 2019.12.31 20:05 Files첨부 (1)
    #comment_509032

    haha 님에게 달린 댓글

    로고 / 메뉴 / 회원정보 부분을 수정한 파일입니다.

    원본파일에서 덮어 씌워 보세요.

    fullpage.css

     

  • ha
    haha 2020.01.02 10:20
    #comment_509178

    팔공산 님에게 달린 댓글

    수정해주셔서 감사합니다 그런데 슬라이드 부분에서 css를 수정해도 나오지 않다가 상하 화살표설정을 해주니까 슬라이드에서도 나오네요 상하라고해서 관련이 없는줄 알았습니다 ㅠㅠ 많은 도움 감사합니다 새해 복 많이 받으세요~~

  • profile
    팔공산 2020.01.02 14:13
    #comment_509195

    haha 님에게 달린 댓글

    저도 상하화살표 설정이 좌우화살표에도 영향을 미치는지 처음 알았네요^.^
    님도 새해 복 많이 받으세요~~
  • ha
    haha 2020.01.02 16:20
    #comment_509218

    팔공산 님에게 달린 댓글

    네 도와주셔서 감사합니다~
  • ha
    haha 2020.01.06 15:56
    #comment_509548
    덕분에 잘 사용하고 있습니다 혹시 스크롤시 페이지 넘어가는 속도를 수정 할 수 있을까요?
  • profile
    팔공산 2020.01.06 16:14
    #comment_509555

    haha 님에게 달린 댓글

    scrollingSpeed:1000,
    숫자 수정하시면 됩니다.
  • ha
    haha 2020.01.07 09:54
    #comment_509608

    팔공산 님에게 달린 댓글

    감사합니다 그럼 section1에서 슬라이드를 자동으로 넣어 가게 할 수 도 있나요?
  • profile
    팔공산 2020.01.07 12:19
    #comment_509622

    haha 님에게 달린 댓글

    그런 기능은 없는 것 같아요~
    유료 기능에는 마우스휠시 우로 가는 기능은 있네요.

    https://alvarotrigo.com/fullPage/extensions/scroll-horizontally.html#firstPage

  • ha
    haha 2020.01.07 15:21
    #comment_509638

    팔공산 님에게 달린 댓글

    네 감사합니다~
  • 문탁
    문탁이 2020.01.18 10:58
    #comment_510595
    이건 너무 멋지네요 ㅠ_ㅠ 이건 설정이 어려울거같아서 눈만 호강하고 갑니다.

  1. 23
    Feb 2019
    23:20

    Url 링크에 아이콘을 달아주는 urllink_external 애드온

    게시글보기 링크문구 바로가기 아이콘 출력하기 팁을 애드온으로 만들어 봤습니다. https://moonhouse.co.kr/xetip/479253 <- 요거 애드온 설정에서 아이콘이 출력될 영역의 ID 나 Class를 지정하시면 그 부분만 아이콘이 출력됩니다. 1. 기본으로는 body 이므로 레이아웃이나 게시글, 페이지글 모든 영역에 적용이 되며 2. ...
    Category애드온 Reply2 Views339 Votes0 자체평가 : file
    Read More
  2. 04
    Feb 2019
    11:33

    Accordions Tabs 위젯

    아코디언처럼 각각의 페이지가 하단으로 펼쳐지는 위젯입니다. [특징] 1. 지정한 갯수의 게시물이 탭클릭시 상하로 아코디언처럼 펼쳐집니다. 2. 페이지기능을 적용할 수 있습니다 - ajax 기능으로 작동 3. 썸네일, 타이틀, 내용글, 날짜, 작성자등 모든 기능을 제어할 수 있습니다. 4. 8가지의 칼라셋 적용 - 타이틀과 기타...
    Category위젯 Reply0 Views256 Votes0 자체평가 : file
    Read More
  3. 26
    Jan 2019
    18:44

    Triple Panel 위젯

    병풍처럼 펼처진 3개의 가로 판넬에 이미지가 슬라이딩 되는 위젯입니다. [특징] 1. 두개의 스킨 - 게시판의 썸네일을 불러오는 일반적인 위젯과, 이미지의 주소를 가져오는 Url위젯 2. 슬라이드쇼의 선택가능 3. 썸네일 or 이미지의 가로, 세로 크기등 지정 4. 캡션영역의 지정과 높낮이등 지정 5. 반응형지원
    Category위젯 Reply0 Views149 Votes0 자체평가 : file
    Read More
  4. 07
    Jan 2019
    00:35

    Mh LeftMenu 레이아웃 V1.2

    [특징] - Sub메뉴를 좌측 Wing영역에 배치하여 Sub메뉴의 활용도를 높였습니다. - 최대한으로 코드를 단순하게 하고 이미지를 최소화할려고 노력했습니다. - 원본 디자인의 화려한 원색 색상을 가져 왔습니다. - 우측 상단에 슬라이딩기능으로 로그인영역을 배치했습니다. - 우측 Wing영역을 활용할 수 있게 했습니다. + Ads...
    Category레이아웃스킨 Reply2 Views216 Votes0 자체평가 : file
    Read More
  5. 16
    Dec 2018
    21:45

    Reveal Hover 위젯

    위젯 전체글에 썸네일을 출력하기에는 무리가 있고, 보여 주고는 싶을때 해당글에 마우스Hover시 썸네일을 출력해주는 위젯입니다. [특징] - 썸네일 출력형식을 11가지의 fx효과중 선택할 수 있습니다. - 위젯의 넓이를 지정해서 중앙에 위치 시킬 수 있습니다. - 테두리 및 색상, 작성자, 작성일등 선택 가능 [ https://moo...
    Category위젯 Reply0 Views291 Votes0 자체평가 : file
    Read More
  6. 10
    Dec 2018
    00:51

    Lightbox 전용 Hover 위젯

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

    MH FullPage 레이아웃 V1.1

    마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [Tip] 페이지에 Youtube코드 넣는 방법 <iframe width="560" height="315" src="https://www.youtube.com/embed/qiCVPpI9l3M" frameborder="0" allowfullscreen data-autoplay></iframe> 위의 코드를 layout.html의 출력하고 싶은 위치에 넣어 주시면 ...
    Category레이아웃스킨 Reply40 Views761 Votes0 자체평가 : file
    Read More
  8. 25
    Nov 2018
    15:57

    Lightbox 전용 Slideing 위젯

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

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

    이전 버전에서 설명을 보고 오시면 편합니다. [주의사항] 페이지기능을 선택했을시 위젯캐시를 주면 페이지기능이 작동을 하지 않습니다. [V3.3 특징] 1. 내용글 세로 칸 수를 지정해서 공간의 여백을 최소화 https://moonhouse.co.kr/463054 2. 마우스 Hover시 배경 색상지정 가능 3. Skin별로 겹쳐지는 images와 css, js ...
    Category위젯 Reply0 Views183 Votes0 자체평가 : file
    Read More
  10. 08
    Nov 2018
    20:12

    MH StartStopSlider 위젯

    화면 출력이 슬라이딩형식으로 흘러 갑니다. [특징] - 이미지, 제목, 내용, 날짜, 글쓴이 출력 유무 가능합니다. - 이미지만 출력도 가능합니다. - 위젯의 크기를 조절 가능합니다. - 스마트폰에서도 잘 작동합니다. [옵션 설정으로 다양한 형태 가능]
    Category위젯 Reply2 Views178 Votes0 자체평가 : file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 19 Next
/ 19
서버에 요청 중입니다. 잠시만 기다려 주십시오...