좌측메뉴 있을 때 [PINK BLOSSOM] - 그누보드5.4 테마

본문 바로가기

좌측메뉴 있을 때

좌측메뉴 있을 때 HOME


$subLeftMenu ="true";
서브페이지 좌측메뉴가 있을때의 화면 예제입니다.
theme.config.php 파일에서 설정 가능합니다.

일반PHP파일 링크입니다.

g5폴더/theme/businesscube/testPage.php

본 페이지를 사용하는 이유

그누보드에서 기본으로 제공하는 내용관리, 게시판관리 및 게시판그룹으로의 링크로는 해결이 안되는 커스텀 페이지가 필요 할 경우 본 페이지를 참고하여 일반 링크 페이지를 작성하실 수 있습니다. 본 페이지는 상단 및 좌측 메뉴바와 연동이 되이 않으므로 새롭게 작성될 페이지의 상단에 메뉴바에 해당하는 설정을 코드로 입력해 주셔야 합니다.

웹사이트 관리측면에서 볼 때 특수한 경우를 제외하고는 사용을 권장해 드리지는 않습니다.
테마 구매 후 본 페이지를 메모장 또는 편집프로그램(에디트플러스, 울트라 에디트, 노트패드 등)으로 오픈하신 후 아래 제공되는 HTML 샘플 구조를 베이스로 페이지를 작성하시기 바랍니다. 메뉴관리에서 http 를 포함한 링크를 넣어주시면 자동으로 활성화 됩니다.

이 페이지를 그누보드가 설치된 폴더에 넣어주시면 아래와 같은 주소로 이용이 가능합니다.
http://도메인/testPage.php

다른 폴더에서 사용을 원하시면 본 페이지 상단의 include_once('./_common.php'); 부분의 경로를 해당페이지의 위치에 맞게 설정해 주세요.


테마의 메뉴바와 연결되는 페이지

  • content/basic 내용관리를 활용한 일반페이지
  • content/basic 구글,다음 지도 퍼가기를 활용한 지도 삽입 페이지(내용관리에서 작성 가능)
  • board/basic 기본형 게시판
  • board/qna 질문답변 게시판(글 작성 시 접수완료, 답변 시 답변완료)
  • board/faq 자주묻는 질문 게시판(목록에서 질문과 답변 확인)
  • board/webzine 웹진형 게시판(목록에서 내용일부분과 첨부 이미지 확인)
  • board/gallery 갤러리 게시판 2종(일반 갤러리 게시판, 박스형 갤러리 게시판)
  • board/gallery_box 제품소개 게시판(갤러리형 리스트, 웹진형 리스트 설정)
  • board/history 연혁을 쉽게 추가 수정이 가능한 연혁 게시판
  • board/form 고객상담 시 유용한 폼메일형 게시판
  • group.php 각 게시판에 적용된 스킨에 따라 자동 적용되는 그룹 최신글 페이지


HTML STYLE SAMPLE
아래 html 코드를 활용하여 내용관리의 html 입력으로 페이지를 꾸미실 수 있습니다.

관련 css : 설치된테마폴더/css/contents.css

class="h2_title" H2 제목 적용

class="h3_title" H3 제목 적용

class="cont_text_important" 중요한 내용
class="cont_text" 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다.
class="cont_text_info" 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다. 중요한 내용이 있을경우 사용할 수 있는 점선박스입니다.

내용의 좌측에 이미지 적용

이미지에 class="cont_img_left50p" 추가
class="cont_text" 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다.

내용의 우측에 이미지 적용

이미지에 class="cont_img_right50p" 추가
class="cont_text" 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다. 일반적인 텍스트 내용일때 사용 되는 클래스입니다.

아이콘과 함께 사용되는 도형

Font Awesome 버전 참고 -> https://fontawesome.com/v4.7.0/icons/

폰트어썸 사용 예

  • WEBSITE 웹사이트 제작 및 관리
  • MOBILE 모바일 웹사이트 제작 및 관리
  • E-commerce 쇼핑몰 제작 및 운영대행
  • Application 웹 어플리케이션 개발 및 운영
Material icons 참고 -> https://material.io/resources/icons/?style=baseline

구글 머티리얼 아이콘 사용 예

  • important_devices WEBSITE 웹사이트 제작 및 관리
  • devices_other MOBILE 모바일 웹사이트 제작 및 관리
  • storefront E-commerce 쇼핑몰 제작 및 운영대행
  • app_settings_alt Application 웹 어플리케이션 개발 및 운영
  • format_shapes CONTENTS 온라인 컨텐츠 제작 및 판매

서브페이지 웹진형 스타일 코딩 샘플

subBoxWebzineStyle2 ~ subBoxWebzineStyle5 클래스로 2단~5단 구성까지 적용이 가능합니다.

4단구성 사용 예

3단구성 사용 예


테이블 스타일

table 을 감싼 DIV에 class="basic_table" 클래스 추가

THEAD TH THEAD TH THEAD TH THEAD TD
TBODY TH TBODY TD TBODY TD TBODY TD
TBODY TH TBODY TD center TBODY TD TBODY TD
TBODY TH TBODY TD TBODY TD TBODY TD
TBODY TH TBODY TD TBODY TD TBODY TD
TFOOT TH TFOOT TD TFOOT TD TFOOT TD
TFOOT TH TFOOT TD TFOOT TD TFOOT TD center

TBODY TH TBODY TD TBODY TD TBODY TD
TBODY TD center TBODY TD TBODY TD
TBODY TH TBODY TD TBODY TD TBODY TD
TBODY TH TBODY TD TBODY TD TBODY TD
TFOOT TH TFOOT TD TFOOT TD TFOOT TD
TFOOT TD center

내용관리에 반응형 유튜브영상 삽입

유튜브 퍼가기소스 아이프레임을 감싼 DIV에 class="youtube_area" 클래스 추가