리버티게임:대문/신규 대문 (2024): 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
(CSS 글리치 수정)
(하이라이트 파일 컨테이너 분리, 공백)
49번째 줄: 49번째 줄:
     min-height: 5em;
     min-height: 5em;
     padding: 1em;
     padding: 1em;
  }
/* 하이라이트 파일 컨테이너 */
  .fileContainer {
    position: relative;
    min-height: 5em;
   }
   }


69번째 줄: 75번째 줄:
/* 인기 게임 문단의 게임카드 */
/* 인기 게임 문단의 게임카드 */
   #popular > .gamecards {
   #popular > .gamecards {
     display:grid;
     display: grid;
     grid-template-columns: 25% 25% 25% 25%;
     grid-template-columns: 25% 25% 25% 25%;
     column-gap: 0px;
     column-gap: 0px;
87번째 줄: 93번째 줄:
/* 장르별 게임 보여주는 탭 */
/* 장르별 게임 보여주는 탭 */
   .tabs-label {
   .tabs-label {
     width:10%;
     width: 10%;
     display:inline-box;
     display: inline-box;
     background-color: #eeffee;
     background-color: #eeffee;
     font-size: 14px;
     font-size: 14px;
103번째 줄: 109번째 줄:
     border: 4px solid #000;
     border: 4px solid #000;
     background-color: #000;
     background-color: #000;
     font-weight:bold;
     font-weight: bold;
     color: #FFF;
     color: #FFF;
     margin: 0;
     margin: 0;
156번째 줄: 162번째 줄:
     }
     }
     .tabs-content > .section-ratings {
     .tabs-content > .section-ratings {
       display:grid;
       display: grid;
       grid-template-columns: 50% 50%;
       grid-template-columns: 50% 50%;
     }
     }
     /* 인기 게임 문단의 게임카드 */
     /* 인기 게임 문단의 게임카드 */
     #popular > .gamecards {
     #popular > .gamecards {
       display:grid;
       display: grid;
       grid-template-columns: 50% 50%;
       grid-template-columns: 50% 50%;
       column-gap: 0px;
       column-gap: 0px;
167번째 줄: 173번째 줄:
     /* 그 외의 게임카드 */
     /* 그 외의 게임카드 */
     .section-ratings, .gamecards {
     .section-ratings, .gamecards {
       display:grid;
       display: grid;
       grid-template-columns: 50% 50%;
       grid-template-columns: 50% 50%;
     }
     }
}
}


@media (max-width:640px) { /* 640px 이하는 크기를 조금 더 줄임 */
@media (max-width: 640px) { /* 640px 이하는 크기를 조금 더 줄임 */
     /* 장르별 게임 보여주는 탭 */
     /* 장르별 게임 보여주는 탭 */
     .tabs .tabs-label {
     .tabs .tabs-label {
185번째 줄: 191번째 줄:
}
}


@media (min-width:641px) and (max-width:800px) {
@media (min-width: 641px) and (max-width: 800px) {
     /* 장르별 게임 보여주는 탭 */
     /* 장르별 게임 보여주는 탭 */
     .tabs .tabs-label {
     .tabs .tabs-label {
210번째 줄: 216번째 줄:
     }
     }
     .twoColumns > div {
     .twoColumns > div {
       width:50%;
       width: 50%;
     }
     }
     .hideLine {
     .hideLine {
218번째 줄: 224번째 줄:


/* 벡터 레거시 사용할 때 장르별 게임 탭 전용 반응형 CSS 대응 */
/* 벡터 레거시 사용할 때 장르별 게임 탭 전용 반응형 CSS 대응 */
@media (min-width:801px) and (max-width:1438px){
@media (min-width: 801px) and (max-width: 1438px){
   .tabs-tabbox > .tabs-label {
   .tabs-tabbox > .tabs-label {
     border-radius: 0px;
     border-radius: 0px;
     border: 4px solid #000;
     border: 4px solid #000;
     background-color: #000;
     background-color: #000;
     font-weight:bold;
     font-weight: bold;
     color: #FFF;
     color: #FFF;
     margin: 0;
     margin: 0;
235번째 줄: 241번째 줄:
</div>
</div>
<!--article--><div id="highlight"><!-- 관리단 추천 1개: 게임잼 우승 작품이나 백괴시티, 백괴게임 제1회 특집 게임 같이 리버티게임에서도 의미가 있는 중요 게임 하나로 고정(랜덤 X) -->
<!--article--><div id="highlight"><!-- 관리단 추천 1개: 게임잼 우승 작품이나 백괴시티, 백괴게임 제1회 특집 게임 같이 리버티게임에서도 의미가 있는 중요 게임 하나로 고정(랜덤 X) -->
<div class="fileContainer" style="position: relative; min-height: 5em;">[[파일:{{JSON|깊은 수렁/game.json|image}}|250x250px|link={{JSON|깊은 수렁/game.json|name}}|center]]<div class="embeddedText"><span class="embeddedTextName">[[{{JSON|깊은 수렁/game.json|name}}]]</span><br />[[{{JSON|깊은 수렁/game.json|name}}|{{JSON|깊은 수렁/game.json|summary}}]]</div></div>
<div class="fileContainer">[[파일:{{JSON|깊은 수렁/game.json|image}}|250x250px|link={{JSON|깊은 수렁/game.json|name}}|center]]<div class="embeddedText"><span class="embeddedTextName">[[{{JSON|깊은 수렁/game.json|name}}]]</span><br />[[{{JSON|깊은 수렁/game.json|name}}|{{JSON|깊은 수렁/game.json|summary}}]]</div></div>
</div><!--/article-->
</div><!--/article-->
----
----
<!-- 메인 섹션 --><!--section--><div id="mainSection" style="text-align: center;">
<!-- 메인 섹션 --><!--section--><div id="mainSection" style="text-align: center;">
<div id="advertisement"><!-- 자유 광고 4개, [[틀:대문 광고]] 하위 문서 4개에서 랜덤으로 가져오도록 변경 -->{{#invoke:IIFE|<nowiki>
<div id="advertisement"><!-- 자유 광고 4개, [[틀:대문 광고]] 하위 문서 4개에서 랜덤으로 가져오도록 변경 -->{{#invoke:IIFE|<nowiki>
<!--article--><div class="adcard"><div style="min-height:150px;line-height:164px;">{{#ifeq:{{JSON|{{{1}}}/game.json|image}}||[[파일:Libertygame logo.svg|150x150px|class=logo-ht]]|[[파일:{{JSON|{{{1}}}/game.json|image}}|150x150px|link={{JSON|{{{1}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{1}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div class="adcard"><div style="min-height: 150px;line-height: 164px;">{{#ifeq:{{JSON|{{{1}}}/game.json|image}}||[[파일:Libertygame logo.svg|150x150px|class=logo-ht]]|[[파일:{{JSON|{{{1}}}/game.json|image}}|150x150px|link={{JSON|{{{1}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{1}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div class="adcard"><div style="min-height:150px;line-height:164px;">{{#ifeq:{{JSON|{{{2}}}/game.json|image}}||[[파일:Libertygame logo.svg|150x150px|class=logo-ht]]|[[파일:{{JSON|{{{2}}}/game.json|image}}|150x150px|link={{JSON|{{{2}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{2}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div class="adcard"><div style="min-height: 150px;line-height: 164px;">{{#ifeq:{{JSON|{{{2}}}/game.json|image}}||[[파일:Libertygame logo.svg|150x150px|class=logo-ht]]|[[파일:{{JSON|{{{2}}}/game.json|image}}|150x150px|link={{JSON|{{{2}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{2}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div class="adcard"><div style="min-height:150px;line-height:164px;">{{#ifeq:{{JSON|{{{3}}}/game.json|image}}||[[파일:Libertygame logo.svg|150x150px|class=logo-ht]]|[[파일:{{JSON|{{{3}}}/game.json|image}}|150x150px|link={{JSON|{{{3}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{3}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div class="adcard"><div style="min-height: 150px;line-height: 164px;">{{#ifeq:{{JSON|{{{3}}}/game.json|image}}||[[파일:Libertygame logo.svg|150x150px|class=logo-ht]]|[[파일:{{JSON|{{{3}}}/game.json|image}}|150x150px|link={{JSON|{{{3}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{3}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div class="adcard"><div style="min-height:150px;line-height:164px;">{{#ifeq:{{JSON|{{{4}}}/game.json|image}}||[[파일:Libertygame logo.svg|150x150px|class=logo-ht]]|[[파일:{{JSON|{{{4}}}/game.json|image}}|150x150px|link={{JSON|{{{4}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{4}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div class="adcard"><div style="min-height: 150px;line-height: 164px;">{{#ifeq:{{JSON|{{{4}}}/game.json|image}}||[[파일:Libertygame logo.svg|150x150px|class=logo-ht]]|[[파일:{{JSON|{{{4}}}/game.json|image}}|150x150px|link={{JSON|{{{4}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{4}}}/game.json|name}}]]</span></div><!--/article-->
</nowiki>
</nowiki>
|{{JSON|틀:대문 광고/2024/0|{{rand|{{#invoke:JSON|len|{{대문 광고/2024/0}}}}}}}}|{{JSON|틀:대문 광고/2024/1|{{rand|{{#invoke:JSON|len|{{대문 광고/2024/1}}}}}}}}|{{JSON|틀:대문 광고/2024/2|{{rand|{{#invoke:JSON|len|{{대문 광고/2024/2}}}}}}}}|{{JSON|틀:대문 광고/2024/3|{{rand|{{#invoke:JSON|len|{{대문 광고/2024/3}}}}}}}}}}
|{{JSON|틀:대문 광고/2024/0|{{rand|{{#invoke:JSON|len|{{대문 광고/2024/0}}}}}}}}|{{JSON|틀:대문 광고/2024/1|{{rand|{{#invoke:JSON|len|{{대문 광고/2024/1}}}}}}}}|{{JSON|틀:대문 광고/2024/2|{{rand|{{#invoke:JSON|len|{{대문 광고/2024/2}}}}}}}}|{{JSON|틀:대문 광고/2024/3|{{rand|{{#invoke:JSON|len|{{대문 광고/2024/3}}}}}}}}}}

2024년 10월 7일 (월) 15:45 판

이 문서는 리버티게임:대문 문서에 틀처럼 인용된 형태로 포함되어야 합니다! 그리고 이 문서 역시 관리자만 편집하도록 보호하는 것을 잊지 마세요!

기술적 한계[1]를 고려한 뒤에 적용하는 색상 가이드라인은 다음과 같습니다.

  • 주 녹색, 보조 녹색, 흰색, 검은색 순으로 우선순위를 넣습니다.
    • 메인 녹색: #00A500
    • 보조 녹색 1: #EEFFEE
    • 보조 녹색 2: #BBEEBB
    • 흰색: white
    • 검은색: black
  • 글자와 박스/선 사이에는 padding을 0보다 큰 값으로 둡니다.
  • 링크는 가능하면 배경은 주 녹색, 글자는 흰색으로 넣어주세요.
    • 가독성에 문제가 있는 경우 다음 조합을 대안으로 삼습니다.
      • 배경 보조 녹색 1, 글자 검은색으로 바꿉니다.
      • 배경 보조 녹색 2, 글자 #00A500으로 바꿉니다.
  • 구역 구분은 다음과 같이 합니다.
    • 미디어위키 문단 구분은 1차 구분으로 보고 - 4개로 줄을 그어 구분합니다.
    • 장르별 구분은 2차 구분으로 보고, border는 1px none #00A500으로 합니다.
  • 모바일 대응을 반드시 고려하며, 모바일 레이아웃은 데스크탑 기준 레이아웃의 절반의 열을 가지도록 대응합니다.
    • 2열의 컨텐츠는 모바일에서 1열로 수정합니다.
    • 4열의 컨텐츠는 모바일에서 2열로 수정합니다.
  • 저장 후 스킨 별로 레이아웃이 깨지지 않는지 확인하세요!
  1. ↑ 예를 들어 확장 기능에서 직접 렌더링하는 SSR(Server-side Rendering)의 경우가 있습니다.



하이라이트

인기 게임


최고 평가 게임


리버티게임

장르별 인기 게임


어드벤처_게임
탈출_게임
액션_게임
보드_게임
롤플레잉_게임
캐주얼_게임
퍼즐_게임

신규 출시


language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
보드
가위바위보
공상플러스•명진
2008-11-27
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
15mp15세 미만이 이용시 부모의 지도가 필요합니다.
캐주얼
투페이스의 동전
조커의, 조커에 의한, 조커를 위한 게임
Salamander03
2009-01-08
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
시뮬레이션시간 낭비하기
심시티
과연 너는 그럴듯한 도시를 만들어낼 수 있을까?
Salamander03
2009-02-08
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_2_bar중간 정도 완성된 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
어드벤처
틈새공간
Kyongbo1m
2009-02-08
data_object

출시 예정


language웹 (무설치)
lock_open규칙에 따라 일부만 편집할 수 있습니다.
signal_cellular_0_bar변경하지 말아야 하는 공사중인 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
보드멀티플레이
다함께 주사위놀이
주사위놀이를 함께 즐기자.
명진
2011-01-17
data_object

소생이 필요한 게임


language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_2_bar중간 정도 완성된 게임입니다.
hourglass_empty등급 판정이 필요한 게임입니다.
어드벤처
히틀러 대신 제2차 세계 대전 이끌기
Kevi1112•Regurus
2011-03-30
data_object
language웹 (무설치)
lock_open_right모두에게 편집이 개방되었습니다.
signal_cellular_1_bar조금 완성된 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
시뮬레이션
북한 군대에서 일하기
다이나믹 로동을 하는 군대를 체험하기
Jinhoftyu
2018-02-12
data_object

추천 게임


language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
어드벤처
염장수련원
우리 염장수련원은 여러분을 매우 엄격한 관리를 통해 사람으로 만들어드립니다.
Senouis
2011-08-26
data_object
language웹 (무설치)
lock_open_right모두에게 편집이 개방되었습니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
어드벤처
컴맹 퇴치하기
신이시여 이 컴맹 좀 아주 개발살을 내주시옵소서
Chabiytb0792
2023-08-09
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
탈출액션
비밀3: 대격돌
드디어 찾아온 복수의 시간
Js091213•Bd3076•초코나무숲
2017-05-10
data_object
language웹 (무설치)
lock_open규칙에 따라 일부만 편집할 수 있습니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
롤플레잉
RPG in City
RPG in City에서 그 어느 것보다 잘 조직된 링크 RPG 게임을 만나보십시요!
Senouis
2012-02-18
data_object

최근 업데이트

게임 살펴보기

여러분의 플레이를 기다리는 265개의 게임이 있습니다. 장르와 특징을 둘러보고 원하는 게임을 지금 바로 플레이하세요!

원본 주소 "https://libertyga.me/index.php?title=리버티게임:대문/신규_대문_(2024)&oldid=258919"