메뉴 건너뛰기

MH

프로필 이미지가 없는 경우 ... 프로필 이미지가 없는 유저의 경우 프로필 이미지 출력 부분...
mh_fullpage 레이아웃과 ske... mh_fullpage 레이아웃을 이용해서 홈피를 꾸밀때 게시판스킨...
제목에 마우스 Hover시 썸네... 스케치북게시판 리스트형에 제목에 마우스 Hover시 썸네일이 ...
출석부모듈에 pr_stamp 스킨... 람보님의 출석부모듈 에 prologos님의 도장스킨 pr_stamp 을 ...
마감일자 있는 게시판 내용을... "마감일자가 있는 성격의 게시물 제목에 자동으로 상태(종료,...
마감일자가 있는 성격의 게시... 게시물의 성격에 따라 마감일자가 있는 게시물이 있습니다. ...
Html안에서 이미지 경로 설정... XE 나 라이믹스에서 레이아웃이나 위젯등의 코드를 짤때 이미...
로그인 회원만 파일 다운로드... 파일 다운로드 권한을 주는 변수는 없는 것 같아서 다운로드 ...
Mh Close 위젯스타일 위젯에 닫기 버턴을 달아보자 Tip 을 남기고 이것을 적용해 ...

Point 자료실의 프로그램들은 폰트어썸과 Sexy Button 그리고 말풍선(툴팁) 애드온들이 자주 사용됩니다.

Web Fonts Addon / 말풍선(툴팁) 애드온  을 설치해서 애드온들을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다.

페이지기능을 지원하는 Widgets의 경우는 "위젯 케시를 0" 으로 둬야 정상 작동합니다.

Point 자료실에서 다운 받으신 자료는 타 사이트에 게시할 수 없으며, 타인에게 배포하여서도 안 됩니다.

다만 자신이 사용할 경우는 수정 가능합니다.

Slide Pro 슬라이드 추가

레이아웃에 추가하여 슬라이드를 구현하는 방법으로, Auto기능 뿐만 아니라 막강한 옵션으로 무장하고 있습니다.

자료 분류 Etc 0 / 0
라이선스 기타 라이선스
제작자 팔공산
적용 페이지 https://moonhouse.co.kr/wp
최초 등록일 2020-01-12 12:13 전체 다운로드 1
최근 버전 sp 다운로드
다운로드 1
최근 업데이트 2020-01-12 12:54 0 / 0

이 프로그램은 개별적으로는 작동을 하지 않습니다.

자기가 원하는 레이아웃에 수정을 통하여 적용하는 방식입니다.

 

[ Slide pro(SP)를 본인이 원하는 레이아웃(LY)에 적용하는 방법 ]

1. SlidePro.zip 압축파일을 풀면 아래와 같은 구성으로 이루어져 있습니다.

img_001.jpg

2. 파일들을 해당 레이아웃에 올려주세요.

 

3. 레이아웃의 "layout.html "파일을 편집기로 불러옵니다.

- 본문 상단에 SP를 위치시키고 싶다면 {$content} 부분을 찾아서 바로 위에 아래의 코드를 추가합니다.(위치시키는 곳은 본인의 의지입니다.)

<div style="margin:0 auto">
    <include cond="!$li->sliderpro_use == ''" target="sliderpro.html" />
</div>

{$content}

 

4. conf폴더에 들어가면 "info_sp.xml" 파일이 있습니다.

편집기로 열어서 전체 복사를 합니다.

해당 레이아웃의 "info.xml" 파일을 편집기로 열어서 붙여 넣기 하시면 됩니다.

 

5. 레이아웃설정에 가서 하단에 "케시파일 재생성" 하시고 "F5"하시면 메뉴 상단에 "Slide pro"라는 메뉴가 생성된 것을 확인하실 수 있을 것 입니다.

 

6. "★Slider Pro 슬라이드 출력"을 출력으로 설정하고 아래의 여러 옵션들을 지정하시면 됩니다.

Screenshot 2020-01-12 at 12.14.22.jpg

 

참고로

- "이미지 기울기" "이미지 원근"은 기본설정이 "0"으로 되어 있습니다. 기본 설정대로 하면 이미지가 반듯하게 보입니다. 이것을 상단 이미지에서와 같이 약간 기울이는 것이 보기에 좋으신 분들은 적정값으로 해 보시길 권합니다.

- 배경이미지나 썸네일 이미지들을 만들때 슬라이드와 동일한 가로/세로 크기로 만드는 것이 보기에 좋습니다.

Mh White Pro 안에 있는 Accordions / TiltedContent 부분도 위와 같은 방식으로 적용하면 됩니다. 

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...