틀:게임카드: 두 판 사이의 차이

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
>BANIP
(공사중 틀 삭제, 분류:둘러보기 틀 추가)
잔글 (Senouis의 편집을 [[특수:기여/>BANIP|>BANIP]]의 마지막 판으로 되돌림)
태그: 일괄 되돌리기
 
(사용자 2명의 중간 판 16개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<onlyinclude> {{#css:
<includeonly><onlyinclude>{{게임카드/css}}{{#invoke:GameJSONParser|getGamecard|{{{1|{{ROOTPAGENAME}}}}}|속성={{{속성|}}}}}</onlyinclude></includeonly>
인수로 넣은 게임의 정보를 반환합니다.
/* 게임카드 컨테이너 스타일 */
.gamecard {
border-color: hsl(320, 95%, 80%);
background: #fff;
margin: 8px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
 
/* 헤더 컬러, 일반적으로 장르를 따라감 */
.gamecard .theme {
height: 8px;
}
 
/* 헤더 컬러를 제외한 나머지부분 여백 추가 */
.gamecard .content {
padding: 8px 16px;
}
 
/* 장르 단추들 하단 마진 추가 */
.gamecard .content .genres{
margin-bottom:8px;
}
.gamecard .content .genres .genre{
background: hsl(132,68%,50%);
font-size: 0.8em;
padding: 2px 6px;
border-radius: 1em;
}
 
.gamecard .content .genres .genre a{
color: #fff;
}
 
.gamecard .title {
font-size: 1.2em;
font-weight: bold;
margin-left: 8px;
}
 
.gamecard .title a {
color: #6480b6;
}
 
.gamecard .summary {
font-size: 0.8em;
margin-left: 8px;
color: #999;
margin-bottom: 8px;
}
 
.gamecard .content>.description {
font-size: 0.8em;
}
 
.gamecard .icon-wrapper {
position: relative;
user-select: none;
}
 
.gamecard .icon-wrapper .icon {
color: #999;
transition: opacity 0.2s ease-in-out;
opacity: 0.5;
}
 
.gamecard .icon-wrapper:hover .icon {
opacity: 1;
}
 
.gamecard .icon-wrapper .description {
visibility: hidden;
position: absolute;
bottom: 0;
right: 0;
text-wrap: nowrap;
transition: opacity 0.2s ease-in-out;
opacity: 0;
background: #000;
color: #fff;
padding: 2px 6px;
font-size: 0.8em;
transform: translateY(100%);
}
 
.gamecard .icon-wrapper:hover .description {
visibility: visible;
opacity: 0.6;
 
}
 
.gamecard .badges {
float: right;
display: flex;
}
 
.gamecard .badges>* {
margin-left: 4px;
}
 
.gamecard .detail {
font-size: 0.8em;
margin-top: 8px;
display: flex;
align-items: center;
justify-content: space-between;
}
 
/* nth1부터 좌측 마진 왼쪽 구분자 */
.gamecard .author a:nth-child(n+1) {
margin-left: 4px;
}
 
.gamecard .author a:nth-child(n+2):before {
content: "•";
margin-right: 4px;
}
 
.gamecard .detail .created,
.gamecard .detail .metapage {
float: right;
 
}
 
}}</onlyinclude>
하위문서의 디자인을 담당하는 부분을 분리해둔 문서입니다.
== 도보시오 ==
* [[../|하위 문서로]]
{{공사중}}
<includeonly><onlyinclude>{{게임카드/css}}{{#invoke:GameJSONParser|getGamecard|{{{1|{{ROOTPAGENAME}}}}}}}</onlyinclude></includeonly>
 
인수로 넣은 게임의 정보를 반환합니다.
== 상세 ==
보더색은 장르에 따라 바뀝니다.


== 예시 ==
== 예시 ==
=== 기본 예시 ===
{{예시|<nowiki>{{게임카드|깊은 수렁}}</nowiki>|{{게임카드|깊은 수렁}}}}
{{예시|<nowiki>{{게임카드|깊은 수렁}}</nowiki>|{{게임카드|깊은 수렁}}}}


=== 여러문서 사용 예시===
{{예시|<nowiki>{{게임카드|위키낚시, 백괴낚시}}</nowiki>|{{게임카드|위키낚시, 백괴낚시}}}}
=== dpl 쿼리 사용 예시 ===
파라미터로 페이지이름 대신 dpl쿼리를 사용할 수 있습니다. 아래는 게임분류에 해당하는 모든 게임카드를 만드는 예시입니다.
파라미터로 페이지이름 대신 dpl쿼리를 사용할 수 있습니다. 아래는 게임분류에 해당하는 모든 게임카드를 만드는 예시입니다.
{{예시|<nowiki>{{게임카드|{{#dpl:|category=15세 이용가 게임}}}}</nowiki>|[[:분류:15세 이용가 게임]]에 해당하는 모든 게임카드가 추가됩니다.}}
{{예시|<nowiki>{{게임카드|{{#dpl:|category=15세 이용가 게임}}}}</nowiki>|[[:분류:15세 이용가 게임]]에 해당하는 모든 게임카드가 추가됩니다.}}


== 속성 ==
속성은 특정한 값을 사용해 실험적인 기능을 사용하거나 일부 값을 감출 수 있습니다. '속성'키의 파라미터로 전달하며, 여러 속성을 전달할 경우 스페이스로 구분합니다.
=== 사용 가능한 속성 ===
속성 앞의 {{아이콘|dns}}는 모듈에서 조작되는 속성이며, {{아이콘|web}}은 css로 조작되는 속성입니다.
* {{아이콘|web}} 설명감춤 : 설명을 감춥니다.
* {{아이콘|dns}} 이미지표시 : 게임에 해당하는 이미지를 표기합니다. 대량의 카드에 해당 속성 사용 시 페이지 초기로딩이 길어지기에 주의가 필요합니다.
추가로 필요한 속성이 있으면 [[사토:BANIP]]에 알려주세요.
=== 속성 사용 예시 ===
아래 예는 상세 설명을 감추고 이미지를 표시하는 예시입니다.
{{예시|<nowiki>{{게임카드|위키낚시|속성=설명감춤 이미지표시}}</nowiki>|{{게임카드|위키낚시|속성=설명감춤 이미지표시}}}}


== 도보시오 ==
== 도보시오 ==

2024년 8월 12일 (월) 20:14 기준 최신판

인수로 넣은 게임의 정보를 반환합니다.

예시

기본 예시

code_blocks 코드
{{게임카드|깊은 수렁}}
code
낙서장에서 확인
description 결과
깊은 수렁의 게임 메타데이터를 찾을 수 없습니다.

여러문서 사용 예시

code_blocks 코드
{{게임카드|위키낚시, 백괴낚시}}
code
낙서장에서 확인
description 결과
위키낚시의 게임 메타데이터를 찾을 수 없습니다.
백괴낚시의 게임 메타데이터를 찾을 수 없습니다.

dpl 쿼리 사용 예시

파라미터로 페이지이름 대신 dpl쿼리를 사용할 수 있습니다. 아래는 게임분류에 해당하는 모든 게임카드를 만드는 예시입니다.

code_blocks 코드
{{게임카드|{{#dpl:|category=15세 이용가 게임}}}}
code
낙서장에서 확인
description 결과
분류:15세 이용가 게임에 해당하는 모든 게임카드가 추가됩니다.


속성

속성은 특정한 값을 사용해 실험적인 기능을 사용하거나 일부 값을 감출 수 있습니다. '속성'키의 파라미터로 전달하며, 여러 속성을 전달할 경우 스페이스로 구분합니다.

사용 가능한 속성

속성 앞의 dns는 모듈에서 조작되는 속성이며, web은 css로 조작되는 속성입니다.

  • web 설명감춤 : 설명을 감춥니다.
  • dns 이미지표시 : 게임에 해당하는 이미지를 표기합니다. 대량의 카드에 해당 속성 사용 시 페이지 초기로딩이 길어지기에 주의가 필요합니다.

추가로 필요한 속성이 있으면 사토:BANIP에 알려주세요.

속성 사용 예시

아래 예는 상세 설명을 감추고 이미지를 표시하는 예시입니다.

code_blocks 코드
{{게임카드|위키낚시|속성=설명감춤 이미지표시}}
code
낙서장에서 확인
description 결과
위키낚시의 게임 메타데이터를 찾을 수 없습니다.

도보시오