메뉴 건너뛰기

마리오 위젯

게시글 위젯 Demo

리스트형

목록을 출력하는 일반적인 리스트형태입니다.

테이블(위젯스타일 Box형 적용)

  • XE 메뉴얼

  • +
bulma for xe 2019.03.24 휘즈 310 0
XE 템플릿 문법 2017.02.21 phiz 1278 0
스킨정보 파일 작성 2017.01.22 phiz 1091 0
용어정리 2017.01.19 phiz 811 0
레이아웃 디렉토리 구조 2017.01.19 phiz 1043 0

리스트(위젯스타일 Head형 적용)

  • XE 메뉴얼

  • +
bulma for xe 2019.03.24 휘즈 310 0
XE 템플릿 문법 2017.02.21 phiz 1278 0
스킨정보 파일 작성 2017.01.22 phiz 1091 0
용어정리 2017.01.19 phiz 811 0
레이아웃 디렉토리 구조 2017.01.19 phiz 1043 0

탭형 Box형

탭형태는 위젯스타일을 사용하지 않아도 탭의 디자인은 위젯스타일과 통일하여 같이 사용하더라도 디자인의 일관성을 유지하도록 하였습니다.

모든 스킨에 적용할 수 있습니다.

유용한 팁
콘텐츠 보안정책 2021.01.20 휘즈 107 0
css 도형 2020.09.10 휘즈 118 0
Letsencrypt 인증서 업데이트 요령 2019.03.23 휘즈 293 0
centos 7 run level 2018.12.07 휘즈 659 0
nginx hot link protection 2018.10.15 휘즈 612 0
xe 메뉴얼
bulma for xe 2019.03.24 휘즈 310 0
XE 템플릿 문법 2017.02.21 phiz 1278 0
스킨정보 파일 작성 2017.01.22 phiz 1091 0
용어정리 2017.01.19 phiz 811 0
레이아웃 디렉토리 구조 2017.01.19 phiz 1043 0

페이지(위젯스타일 적용)

모든 스킨에 적용할 수 있습니다.

 

 

  • XE 메뉴얼

  • +
bulma for xe 2019.03.24 휘즈 310 0
XE 템플릿 문법 2017.02.21 phiz 1278 0
스킨정보 파일 작성 2017.01.22 phiz 1091 0
용어정리 2017.01.19 phiz 811 0
레이아웃 디렉토리 구조 2017.01.19 phiz 1043 0
레이아웃 2017.01.19 phiz 1199 0
사전 준비사항 2017.01.19 phiz 870 0
xe skin 개요 2017.01.19 phiz 1056 0

웹진형

웹진형은 이미지가 없는 경우에는 자동 조절됩니다.

웹진형(탭, Head형)

질의응답
xe 메뉴얼
  • bulma for xe

    bulma for xe

  • XE 템플릿 문법

    XE는 php로 개발되었지만 스킨파일에 php코드를 사용할 수 없습니다. XE 스킨파일에 php 코드를 사용

  • 스킨정보 파일 작성

    스킨정보파일 작성 예 <?xml version="1.0" encoding="UTF-8"?> <layout version="0.2"> <title xml:

  • 용어정리

    BOM(Byte Order Mark) : 바이트 순서 표식(Byte Order Mark, BOM)은 유니코드에서 엔디안을 구별하기

  • 레이아웃 디렉토리 구조

    레이아웃 스킨을 제작할 때 반드시 갖추어야 할 구조와 파일이 있습니다. 레이아웃 스킨의 디렉토리

웹진형(위젯스타일 적용)

  • 질의응답

  • +

카드

카드형은 용도에 맞게 다양한 스킨을 제공합니다.

이미지 유무와 관계없이 적절하게 출력하며, 카드 높이는 자동조절됩니다.

카드-기본형

카드기본형은 위젯 설정시 지정한 "가로출력수" 대로 출력합니다.좌우폭은 레이아웃에 맞게 조절됩니다.
아래 예는 가로출력수 5, 목록수 10개입니다.

카드-넓이고정형

카드 넓이고정형은 위젯 설정시 지정한 이미지 가로크기가 카드폭으로 고정됩니다(여백포함).고정폭 레이아웃에서 사용할 수 있습니다.
가로출력수와 관계없이 설정에서 지적한 이미지 가로폭으로 지정한 목록수를 출력합니다. 폭이 좁을 때에 반응형 레이아웃에서는 줄바꿈을 하고 고정폭 레이아웃에서는 화면에서 가려집니다.

카드-반응형632

카드632는 768px 이상은 1행당 6개,767px~640px는 3개, 639px이하는 2개로 배치됩니다.목록수에만 의존하며 6의 배수로 목록수를 지정합니다.

카드-반응형421

카드421는 768px 이상은 1행당 4개,767px~640px는 2개, 639px이하는 1개로 배치됩니다.목록수에만 의존하며 4의 배수로 목록수를 지정합니다.