메뉴 건너뛰기

MH

마감일자가 있는 성격의 게시... 게시물의 성격에 따라 마감일자가 있는 게시물이 있습니다. ...
Html안에서 이미지 경로 설정... XE 나 라이믹스에서 레이아웃이나 위젯등의 코드를 짤때 이미...
로그인 회원만 파일 다운로드... 파일 다운로드 권한을 주는 변수는 없는 것 같아서 다운로드 ...
Mh Close 위젯스타일 위젯에 닫기 버턴을 달아보자 Tip 을 남기고 이것을 적용해 ...
게시판 상단에 풀립형식으로 ... Xetown에서 맥스터님이 질문하신 내용이 제가 커스텀해서 사...
Mh Folding 위젯 V1.1 [ 특징 ] 1. 폴딩형태의 아코디언 위젯입니다. 2. 박스에 마...
위젯에 닫기 버턴을 달아보자 바탕 슬라이드로 작동하는 레이아웃의 경우 화면에 위젯을 띄...
레이아웃에 Elegant Accordio... Mh Elegant Accordion 위젯 을 만들기전 테스트용으로 레이아...
Mh Elegant Accordion 위젯 [특징] 1. 책갈피형태의 아코디언 위젯입니다. 2. 책갈피에 ...
위젯
2018.02.22 23:52

MH 슬라이딩 타일 V1.2.1

조회 수 313 추천 수 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'
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.
    자료에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?
Comment '1'
  • ?
    Mandelvrot 2018.06.14 15:43
    딱 찾고있던 위젯인데 정말 감사합니다~ ^^

  1. 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 Views142 Votes0 자체평가 : file
    Read More
  2. 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 Views156 Votes0 자체평가 : file
    Read More
  3. 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 Views418 Votes5 자체평가 : file
    Read More
  4. 29
    Jul 2018
    23:08

    MH PopUp 위젯 - mh_appoint_popup V2.0(19.03.24)

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

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

    썸네일 마우스 Over시 제목, 내용등 출력 위젯 V2.1 위의 위젯에 skin하나를 추가합니다. 이름하여 Zoom스킨 입니다. 썸네일안에서 마우스를 이동시 확대된 전체 이미지가 이리저리 보입니다. 적용된 링크에 접속해 보시면 확실히 알 수 있을 것입니다. https://moonhouse.co.kr/special [기본 상태] [마우스 오버시]
    Category위젯 Reply0 Views107 Votes0 자체평가 : file
    Read More
  6. 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 Views99 Votes0 자체평가 : file
    Read More
  7. 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 Views113 Votes0 자체평가 : file
    Read More
  8. 22
    Feb 2018
    23:52

    MH 슬라이딩 타일 V1.2.1

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

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

    XETOWN을 알고 라이믹스를 알게 되었고 기본 XE보다는 좋아보이고 괜히 최신을 따라해 보고 싶어서 라이믹스를 지원하는 무료 호스팅에도 설치해 보고 컴에도 한동안 설치 하지 않았던 서버 프로그램 까지 설치해서 테스트 해본 결과 자신이 있어서 설치 할려고 보니 응! 우비 웹호스팅이 라이믹스의 PHP버전을 따라 가지 못...
    CategoryTip Reply0 Views199 Votes0 자체평가 : file
    Read More
  10. 04
    Nov 2017
    11:51

    썸네일 마우스 Over시 제목, 내용등 출력 위젯 V2.2

    V1.0 에서 스킨과 코드 업데이트를 했습니다. https://moonhouse.co.kr/402555 [업그레이드 V2.2 내용] 1. 분류값으로 출력 가능 https://moonhouse.co.kr/xetip/498956 2. 전체적인 코드 정리 [업그레이드 V2.1 내용] 1. 말풍선(툴팁)애드온과의 콜라보네이션 추가 2. zoom스킨에도 직접연결 적용가능 [업그레이드 V2.0 내...
    Category위젯 Reply2 Views196 Votes5 자체평가 : file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 19 Next
/ 19
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...