메뉴 건너뛰기

MH

호스팅 이전 하면서 /xe 떼고... http://moonhouse.co.kr/gongi/483001 위의 글에서 처럼 호스...
HTML Table이 디바이스 및 화... 윤삼님이 Xetown에 올려주신 내용을 가져왔습니다. https://x...
문하우스 애드온들 문하우스의 애드온 모음집 탭 위젯을 생성하게 해주는 에디터...
Url 링크에 아이콘을 달아주... 게시글보기 링크문구 바로가기 아이콘 출력하기 팁을 애드온...
게시글보기 링크문구 바로가... 게시글 보기시 Url링크 바로가기 뒤에 아이콘을 출력하는 Tip...
게시판 글쓰기시 Tag부분 출... Xetown에 질문글이 올라 왔길래 스케치북5 게시판 옵션을 보...
"드래그하여 페이지/문... 드래그하여 페이지/문서 이동 애드온 https://xetown.com/poi...
미디어플레이어 애드온(Media... MediaElement.js와 HTML5 video,audio 태그를 이용한 미디어 ...
드래그하여 페이지/문서 이동... 모바일 환경에서 드래그하여 페이지/문서를 이동할 수 있습니...
위젯
2018.02.22 23:52

MH 슬라이딩 타일 V1.2

조회 수 275 추천 수 5 댓글 1
Extra Form
적용된링크 https://moonhouse.co.kr/special
설치경로 /widgets/mh_sliding_tile
자료적용 Yes

예전에 만들었던 MH 슬라이딩 배너 위젯과 썸네일 마우스 Hover시 제목, 내용등 출력 위젯을 혼합해서

MH슬라이딩 타일 위젯을 만들었습니다.

 

[V1.2 수정 사항]

- 익스플로러에서 마우스오버시 타이틀과 내용글 나타나지 않는 문제점 수정1) 

 

지정한 갯수의 썸네일이 좌로 이동하면서 출력되며 각 썸네일에 마우스 Hover시 제목, 날짜, 글쓴이, 내용들을 나타나게 할 수 있으며, 확장변수를 이용해서 다이렉트Url 설정도 가능합니다.

 

img_001.jpg

 

다이랙트url설정은 해당게시판의 "설정"에서 "사용자 정의" 항목을 추가하면서 "사용자 정의 이름"을 d_url로 생성해 주어야 작동합니다.

img_002.jpg

 

다이랙트url 마우스Hover시 아래 출력되는 내용은 말풍선(툴팁) 애드온을 위젯에 적용했습니다.

 

https://moonhouse.co.kr/special 적용된 링크의 상단에 위치한 위젯입니다. 

각주

  1. 구글 크롬만 사용해서 몰랐음 ㅠㅠ

추천해주신 분들

TAG •

Who's 팔공산

profile

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

Atachment
첨부 '3'
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.</br> 자료에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?
Comment '1'
  • ?
    Mandelvrot 2018.06.14 15:43
    딱 찾고있던 위젯인데 정말 감사합니다~ ^^
    펼치기
    접기

  1. 22
    Aug 2018
    18:00

    템플릿 컴포넌트 Popeye MH 템플릿

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 .ppy-outer { display: none;} .ppy-active .ppy-outer { display: block;} .ppy-stage { background-repeat: no-repeat !important; background-position: center center !important; position: relative;} .p...
    Category기타 Reply0 Views146 Votes0 file
    Read More
  2. 20
    Aug 2018
    19:44

    템플릿 컴포넌트 스마트테이블 MH 템플릿

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 상단 메뉴의 수정은 소스에서 직접하셔야 하며 내용은 본문에서 수정하시면 됩니다. .stable { width: 100%;border-collapse: collapse; } .str:nth-of-type(odd) { background: #eee;} .sth {background: #000...
    Category기타 Reply0 Views129 Votes0 file
    Read More
  3. 17
    Aug 2018
    22:31

    템플릿 컴포넌트 Gallery기능 MH 템플릿

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 썸네일 이미지에 마우스 Hover시 확대된 이미지가 아래에 출력되는 형태입니다. .gallerycontainer{position: relative; text-align:center; min-height:600px} .thumbnail img{border: 1px solid gray;margin-...
    Category기타 Reply0 Views150 Votes0 file
    Read More
  4. 06
    Aug 2018
    21:56

    템플릿 컴포넌트 Slide기능 MH 템플릿

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 제목 그대로 이미지 슬라이딩기능을 가진 템플릿입니다. .vui-slider { position:relative; overflow:hidden; background:transparent;} .vui-slider .vui-items { overflow:hidden; width:100%; height:100%;}...
    Category기타 Reply4 Views382 Votes5 file
    Read More
  5. 29
    Jul 2018
    23:08

    MH PopUp 위젯 - mh_appoint_popup

    MH 트렌스포머 PopUp위젯 V2.0 위젯은 대상 모듈을 지정해서 팝업을 열었다면 mh_appoint_popup 위젯은 대상문서의 번호를 입력하면 팝업으로 출력됩니다. 아무래도 전체 모듈을 지정하는 것 보다 특정 문서를 지정하여 팝업창으로 출력하는 것이 더 유용한 것 같군요. [특징] 1. MH 트렌스포머 PopUp위젯과 두개의 팝업을 ...
    Category위젯 Reply0 Views139 Votes0 file
    Read More
  6. 20
    Jul 2018
    00:43

    MH 이미지 Hover 위젯의 Skin추가 - Zoom스킨

    썸네일 마우스 Over시 제목, 내용등 출력 위젯 V2.1 위의 위젯에 skin하나를 추가합니다. 이름하여 Zoom스킨 입니다. 썸네일안에서 마우스를 이동시 확대된 전체 이미지가 이리저리 보입니다. 적용된 링크에 접속해 보시면 확실히 알 수 있을 것입니다. https://moonhouse.co.kr/special [기본 상태] [마우스 오버시]
    Category위젯 Reply0 Views93 Votes0 file
    Read More
  7. 19
    Jul 2018
    00:04

    템플릿 컴포넌트 Zoom기능 MH 템플릿

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 아래목록에 있는 "MH 템플릿5종"과는 달리 약간의 설명이 필요하여 따로 글을 작성합니다. - MH-Zoom 템플릿 mh-zoom.zip .zoom-section{clear:both;margin-top:20px;} .zoom-small-image{border:4px solid #CC...
    Category기타 Reply0 Views93 Votes0 file
    Read More
  8. 07
    Jul 2018
    13:40

    템플릿 컴포넌트 "MH 템플릿" 5종

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 문하우스에서 만든 템플릿 -포스트잇 mh-postit.zip #stickynote { width:350px; padding:50px; margin:auto; position:relative; background-color:#fe6; background:-webkit-gradient(linear, 0% 0%, 0% 100%...
    Category기타 Reply2 Views99 Votes0 file
    Read More
  9. 22
    Feb 2018
    23:52

    MH 슬라이딩 타일 V1.2

    예전에 만들었던 MH 슬라이딩 배너 위젯과 썸네일 마우스 Hover시 제목, 내용등 출력 위젯을 혼합해서 MH슬라이딩 타일 위젯을 만들었습니다. [V1.2 수정 사항] - 익스플로러에서 마우스오버시 타이틀과 내용글 나타나지 않는 문제점 수정1) 지정한 갯수의 썸네일이 좌로 이동하면서 출력되며 각 썸네일에 마우스 Hover시 제...
    Category위젯 Reply1 Views275 Votes5 file
    Read More
  10. 27
    Jan 2018
    16:04

    문하우스의 라이믹스 업데이트 여정

    XETOWN을 알고 라이믹스를 알게 되었고 기본 XE보다는 좋아보이고 괜히 최신을 따라해 보고 싶어서 라이믹스를 지원하는 무료 호스팅에도 설치해 보고 컴에도 한동안 설치 하지 않았던 서버 프로그램 까지 설치해서 테스트 해본 결과 자신이 있어서 설치 할려고 보니 응! 우비 웹호스팅이 라이믹스의 PHP버전을 따라 가지 못...
    CategoryTip Reply0 Views171 Votes0 file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 18 Next
/ 18
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...