SUB SIDE MENU + RESPOSIVE PAGE SUB STYLE

서브페이지 사이드메뉴 + 반응형 외부 페이지 연결 구성입니다.

?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

포함된 데모 프리셋 파일은 콘텐츠 영역의 개발에 있어서 시간과 수고를 덜고자 제공되는 파일입니다.

 

구입하신 레이아웃 파일중 thek_layout / htmls 폴더에 데모 사이트와 같이 셋팅되어 제공되는 html 파일이 있습니다.

파일 중에 원하시는 html 파일을 연결하시면 셋팅되어 있는 페이지가 연결됩니다.

연결 방법은

로그인 > 관리 > 사이트 메뉴 편집 > 메뉴 추가 > 외부페이지 로 설정을하시고 메뉴 이름을 등록합니다.

다시 홈으로 가셔서 외부페이지로 설정하신 해당 페이지로 이동하면 콘텐츠 내용이 없을 것입니다.

데모 프리셋 html파일 연결을 위해 하단 우측에 페이지 <설정>버튼을 누릅니다.

<모듈정보>에서 <외부 문서 위치>란에 외부페이지가 있는 경로를 입력해주고 저장 하시면 됩니다.

index.php 파일 기준으로 상대 경로 절대 경로 다 가능합니다.

예)

layouts/thek_layout/htmls/k_sub_a.html

 

예)

http://도메인 주소/layouts/thek_layout/htmls/k_sub_a.html

 

 

※ 외부 페이지에 위젯코드가 있는 경우 연결 후 일부 이미지는 제공되지 않으므로 출력되지 않을 것입니다.

   제공되지 않는 이미지는 데모사이트에서 임시로 타 웹사이트 이미지 주소로 연결해 놓은 것입니다.

   커스터마이징 하실 때 이미지를 확보하시고 해당 소스를 수정하시어 이미지 경로를 지정하셔야 출력이 됩니다.

   경로는 프리셋 html파일 기준으로 상위폴더 ../폴더이름/파일이름 하위폴더는 폴더이름/파일이름입니다.

   상위 예) ../img/k_banner.png        하위 예) k_banner.png

 

수정 전 예)

<div class="col-md-6 col-sm-6">
<div class="w_b"> 
<img class="zbxe_widget_output" widget="a_Banner" skin="alive" colorset="default" banner_width="100%" banner_height="335px" pager_top="10px" pager_left="10px" banner_1="경로.확장자" banner_2="경로.확장자
widgetstyle="the_k" ws_colorset="white" ws_title1="이미지 슬라이드" ws_title2="" ws_more_url="#"/>
</div>
</div>

 

수정 후 예)

<div class="col-md-6 col-sm-6">
<div class="w_b"> 
<img class="zbxe_widget_output" widget="a_Banner" skin="alive" colorset="default" banner_width="100%" banner_height="335px" pager_top="10px" pager_left="10px" banner_1="../img/k_banner.png" banner_2="../img/k_banner2.png
widgetstyle="the_k" ws_colorset="white" ws_title1="이미지 슬라이드" ws_title2="" ws_more_url="#"/>
</div>
</div>

?

  1. k_conttent 위젯 사용방법(기본 구성품)

    Date2017.12.05 Bykangbangzang Views50
    Read More
  2. LUNA GALLERY WIDGET(비즈니스 라이센스용) 데모 셋팅 값

    Date2017.12.03 Bykangbangzang Views37
    Read More
  3. [TIP] 외부페이지 css 수정 후 브라우져에 적용이 안될 때

    Date2017.08.30 Byluna270 Views76
    Read More
  4. SECTION 10 컨택트 폼 연결하기

    Date2017.06.18 Byluna270 Views122
    Read More
  5. 다국어 설정 방법

    Date2017.06.18 Bykangbangzang Views100
    Read More
  6. DEMO 프리셋 연결방법(데모 사이트와 같이 셋팅되어 제공되는 외부페이지 html)

    Date2017.06.18 Bykangbangzang Views129
    Read More
  7. [TIP] 스케치북5 게시판 활용하기

    Date2017.06.18 Byluna270 Views99
    Read More
  8. [TIP] 모바일에서 반응형으로 보기

    Date2017.06.18 Byluna270 Views106
    Read More
  9. THE K 레이아웃 관리자 메뉴얼

    Date2017.06.18 Byluna270 Views191
    Read More
  10. THE K 레이아웃 설치 및 기본 셋팅

    Date2017.06.16 Byluna270 Views175
    Read More
  11. XE core 설치하기

    Date2017.06.13 Bykangbangzang Views82
    Read More
Board Pagination Prev 1 Next
/ 1