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

리버티게임, 모두가 만들어가는 자유로운 게임
(링크 스타일)
(CSS 오류 수정)
 
(사용자 3명의 중간 판 44개는 보이지 않습니다)
21번째 줄: 21번째 줄:
* 구역 구분은 다음과 같이 합니다.
* 구역 구분은 다음과 같이 합니다.
** 미디어위키 문단 구분은 1차 구분으로 보고 - 4개로 줄을 그어 구분합니다.
** 미디어위키 문단 구분은 1차 구분으로 보고 - 4개로 줄을 그어 구분합니다.
*** 최근 업데이트는 DPL3의 렌더링 한계로 인해 초안 디자인을 유지합니다.
** 장르별 구분은 2차 구분으로 보고, border는 1px none #00A500으로 합니다.
** 장르별 구분은 2차 구분으로 보고, border는 1px none #00A500으로 합니다.
* 모바일 대응을 반드시 고려하며, 모바일 레이아웃은 데스크탑 기준 레이아웃의 절반의 열을 가지도록 대응합니다.
* 모바일 대응을 반드시 고려하며, 모바일 레이아웃은 데스크탑 기준 레이아웃의 절반의 열을 가지도록 대응합니다.
** 2열의 컨텐츠는 모바일에서 1열로 수정합니다.
** 2열의 컨텐츠는 모바일에서 1열로 수정합니다.
** 4열의 컨텐츠는 모바일에서 2열로 수정합니다.
** 4열의 컨텐츠는 모바일에서 2열로 수정합니다.
* 저장 후 스킨 별로 레이아웃이 깨지지 않는지 확인하세요!
** [{{fullurl:{{FULLPAGENAME}}|useskin=vector}} 벡터 레거시]
** [{{fullurl:{{FULLPAGENAME}}|useskin=vector-2022}} 벡터 2022]
** [{{fullurl:{{FULLPAGENAME}}|useskin=timeless}} 타임리스]
<references />
<references />
----
----
<!-- 여기서부터 표시됨 -->
<!-- 여기서부터 표시됨 -->
<onlyinclude>
<onlyinclude>__NOEDITSECTION__<!-- 상단 바 -->{{리버티게임 메뉴/대문}}
__NOEDITSECTION__
<!-- 상단 바 --><!-- 추천, 인기차트, 신규, 카테고리는 각각 대응되는 단락으로 이동해야 합니다. --><!-- 지원/커뮤니티는 visited CSS 이벤트를 사용합니다 -->
{{리버티게임 메뉴/2024}}
<br clear="both" />
<br clear="both" />
----
----
<!--header--><div id="header" style="text-align: center;">
<!--header--><div id="header" style="text-align: center;">
<div id="homeLogo"> [[파일:libertygame_logo.svg|128px|링크=]]</div>
<div id="homeLogo">[[파일:libertygame_logo.svg|128px|링크=]]</div>
<!--section--><div id="mf-about" title="환영합니다"><span style="font-size: large;">'''위키 기반 자작 게임 플랫폼 <span style="color: #00A500;">리버티게임</span>'''</span><br />자유롭게 게임을 즐기고 만들 수 있는 위키 기반 게임 사이트입니다.</span><br /><span style="font-size: large; background-color: #BBEEBB;">{{#expr:trunc({{PAGESINCATEGORY:완성되어 변경하지 말아야 하는 게임|page}} / 2 + {{PAGESINCATEGORY:완성되었지만 추가할 수 있는 게임|page}} / 2)}}개의 게임을 [[리버티게임:게임 목록|'''지금 바로 플레이''']]하세요!</span>
<div id="mf-about" title="환영합니다"><span style="font-size: large;">'''위키 기반 자작 게임 플랫폼 <span style="color: #00A500;">리버티게임</span>'''</span><br />자유롭게 게임을 즐기고 만들 수 있는 위키 기반 게임 사이트입니다.</span><br /><span style="font-size: large; background-color: #BBEEBB;">{{#expr:trunc({{PAGESINCATEGORY:완성되어 변경하지 말아야 하는 게임|page}} / 2 + {{PAGESINCATEGORY:완성되었지만 추가할 수 있는 게임|page}} / 2)}}개의 게임을 [[리버티게임:게임 목록|'''지금 바로 플레이''']]하세요!</span></div>
</div><!--/section-->
</div><!--/header-->
</div><!--/header-->
----
----
{{#css:
{{#css:
   #highlight {
   #highlight {
     background: linear-gradient(0deg, rgba(0,0,0,0.35), rgba(191,191,191,0));
     background-image: linear-gradient(0deg, rgba(0,0,0,0.35), rgb(191,191,191));
     min-height: 5rem;
     min-height: 5em;
     padding: 1rem;
     padding: 1em;
  }
/* 하이라이트 파일 컨테이너 */
  .fileContainer {
    position: relative;
    min-height: 5em;
   }
   }
/* 하이라이트 내장 문구 */
/* 하이라이트 내장 문구 */
   .embeddedText {
   .embeddedText {
     position: absolute;
     position: absolute;
     background-color: linear-gradient(0deg, tranparent, rgba(0, 0, 0, 0.75));
     background-image: linear-gradient(0deg, tranparent, rgba(0,0,0,0.75));
     bottom: 0rem;
     bottom: 0em;
     width: 100%;
     width: 100%;
     padding: 0.1rem;
     padding: 0.1em;
     color: white;
     color: white;
   }
   }
62번째 줄: 65번째 줄:
   .embeddedTextName {
   .embeddedTextName {
     font-size: x-large;
     font-size: x-large;
  }
/* 광고 파일 높이 */
  .adFile {
    min-height: 150px;
    line-height: 164px;
   }
   }


/* 인기 게임 문단의 게임카드 */
/* 인기 게임 문단의 게임카드 */
   #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;
84번째 줄: 92번째 줄:
/* 장르별 게임 보여주는 탭 */
/* 장르별 게임 보여주는 탭 */
   .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;
94번째 줄: 102번째 줄:
     margin: 0;
     margin: 0;
   }
   }
/* 반응형 디자인 필요 없는 경우 장르별 게임 탭 */
   .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;
110번째 줄: 119번째 줄:
   .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
   .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
     color: #FFF;
     color: #FFF;
     background: #00A500;
     background-color: #00A500;
  }
/* 이 코드가 없으면 장르별 추천 게임 목록에서 폭이 일정하지 않음 */
  .tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-3:checked ~ .tabs-container .tabs-content-3, .tabs-input-4:checked ~ .tabs-container .tabs-content-4, .tabs-input-5:checked ~ .tabs-container .tabs-content-5, .tabs-input-6:checked ~ .tabs-container .tabs-content-6, .tabs-input-7:checked ~ .tabs-container .tabs-content-7, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 {
    display: inline-block;
    width: 100%;
   }
   }


/* 좁은 화면을 위한 디자인 */
/* 좁은 화면을 위한 디자인 */
@media (max-width: 800px) {
@media (max-width: 800px) {
    /* 하이라이트 */
  /* 하이라이트 */
    #highlight {
  #highlight {
      background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(191,191,191,0));
    background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgb(191,191,191));
      min-height: 6rem;
    min-height: 6em;
      padding: 0.5rem;
    padding: 0.5em;
     }
  }
  /* 하이라이트의 내장 문구 */
  .embeddedText {
    position: absolute;
     background-image: linear-gradient(0deg, tranparent, rgba(0,0,0,0.75));
    bottom: 0em;
    left: 0%;
    right: 0%;
    width: 100%;
    padding: 0.05em;
    color: white;
  }
  .embeddedText a {
    color: inherit;
  }
  .embeddedTextName {
    font-size: medium;
    font-weight: bold;
  }
  /* 광고 */
  #advertisement {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .tabs-content > .section-ratings {
    display: grid;
    grid-template-columns: 50% 50%;
  }


    /* 하이라이트의 내장 문구 */
  /* 인기 게임 문단의 게임카드 */
    .embeddedText {
  #popular > .gamecards {
      position: absolute;
    display: grid;
      background-color: linear-gradient(0deg, tranparent, rgba(0, 0, 0, 0.75));
    grid-template-columns: 50% 50%;
      bottom: 0rem;
    column-gap: 0px;
      left: 0%;
  }
      right: 0%;
  /* 그 외의 게임카드 */
      width: 100%;
  .section-ratings, .gamecards {
      padding: 0.05rem;
    display: grid;
      color: white;
    grid-template-columns: 50% 50%;
    }
  }
    .embeddedText a {
      color: inherit;
    }
    .embeddedTextName {
      font-size: medium;
      font-weight: bold;
    }
    /* 광고 */
    #advertisement {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .tabs-content > .section-ratings {
      display:grid;
      grid-template-columns: 50% 50%;
    }
    /* 인기 게임 문단의 게임카드 */
    #popular > .gamecards {
      display:grid;
      grid-template-columns: 50% 50%;
      column-gap: 0px;
    }
    /* 그 외의 게임카드 */
    .section-ratings, .gamecards {
      display:grid;
      grid-template-columns: 50% 50%;
    }
    /* 장르별 게임 보여주는 탭 */
    .tabs .tabs-label {
      font-size: max(min(3vw, 1.25em), 0.9em);
      width: 2.5em;
      text-wrap: wrap;
      text-align: center;
      border-width: 3px;
      height: 3.4em;
    }
}
}


@media (max-width: 640px) { /* 640px 이하는 크기를 조금 더 줄임 */
  /* 장르별 게임 보여주는 탭 */
  .tabs .tabs-label {
    font-size: clamp(0.85em, 2.4vw, 1em);
    width: max(7vw, 2em);
    text-wrap: wrap;
    text-align: center;
    border-width: 2px;
    height: 3.4em;
  }
}
@media (min-width: 641px) and (max-width: 800px) {
  /* 장르별 게임 보여주는 탭 */
  .tabs .tabs-label {
    font-size: clamp(0.9em, 3vw, 1.25em);
    width: 9vw;
    text-wrap: wrap;
    text-align: center;
    border-width: 3px;
    height: 3.4em;
  }
}
/* 벡터 레거시 사용할 때 장르별 게임 탭 전용 반응형 CSS 대응 */
@media (min-width: 801px) and (max-width: 1438px){
  .tabs-tabbox > .tabs-label {
    border-radius: 0px;
    border: 4px solid #000;
    background-color: #000;
    font-weight: bold;
    color: #FFF;
    margin: 0;
    width: calc(10% + 0.2vw);
  }
}
/* 2단 스타일 */
  .twoColumns {
    display: flex;
    flex-direction: column;
    column-gap: 1em;
  }
@media (min-width: 800px) {
@media (min-width: 800px) {
/* 넓은 화면에서 2단 */
/* 넓은 화면에서 2단 */
     .twoColumns {
  .twoColumns {
      column-count: 2;
     flex-direction: row;
     }
  }
  .twoColumns > div {
    width: 50%;
  }
  .hideLine {
     display: none;
  }
}
}
/* 게임 살펴보기 */
  #exploreOurCatalogue {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 2em;
    background-color: #BBEEBB;
  }
}}<!-- 게임카드 틀이 한 줄에 4개씩 표시하도록 변경하는 CSS 속성 설정 -->
}}<!-- 게임카드 틀이 한 줄에 4개씩 표시하도록 변경하는 CSS 속성 설정 -->
<!-- 메인 섹션 --><!--section id="mainSection"-->
<!--section-->
<div style="text-align: center;">
<div style="text-align: center;">
==== 하이라이트 ==== <!-- 사용자 광고, 별도의 문서 인용으로 개량할 것 -->
==== 하이라이트 ==== <!-- 사용자 광고, 별도의 문서 인용으로 개량할 것 -->
</div>
</div>
<!--article--><div id="highlight"><!-- 관리단 추천 1개: 게임잼 우승 작품이나 백괴시티, 백괴게임 제1회 특집 게임 같이 리버티게임에서도 의미가 있는 중요 게임 하나로 고정(랜덤 X) -->
<!--article--><div id="highlight"><!-- 관리단 추천 1개: 게임잼 우승 작품이나 백괴시티, 백괴게임 제1회 특집 게임 같이 리버티게임에서도 의미가 있는 중요 게임 하나로 고정(랜덤 X) -->
<div class="fileContainer" style="position: relative; min-height: 5rem;">[[파일:{{JSON|깊은 수렁/game.json|image}}|x250px|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;">
<!-- 메인 가운데 정렬 --><div 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|160px|class=logo-ht]]|[[파일:{{JSON|{{{1}}}/game.json|image}}|150px|link={{JSON|{{{1}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{1}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div><div class="adFile">{{#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|160px|class=logo-ht]]|[[파일:{{JSON|{{{2}}}/game.json|image}}|150px|link={{JSON|{{{2}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{2}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div><div class="adFile">{{#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|160px|class=logo-ht]]|[[파일:{{JSON|{{{3}}}/game.json|image}}|150px|link={{JSON|{{{3}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{3}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div><div class="adFile">{{#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|160px|class=logo-ht]]|[[파일:{{JSON|{{{4}}}/game.json|image}}|150px|link={{JSON|{{{4}}}/game.json|name}}]]}}</div><br/><span style="font-size: large;">[[{{JSON|{{{4}}}/game.json|name}}]]</span></div><!--/article-->
<!--article--><div><div class="adFile">{{#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|8}}}}|{{JSON|틀:대문 광고/2024/1|{{rand|7}}}}|{{JSON|틀:대문 광고/2024/2|{{rand|7}}}}|{{JSON|틀:대문 광고/2024/3|{{rand|8}}}}}}
|{{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}}}}}}}}}}</div>
</div>
<!--/section-->
----
----
<div style="text-align: center;">
<!--section--><div id="popular">
==== 인기 게임 ==== <!-- 페이지 뷰 횟수 순서로 정렬, 확장 기능 필요 -->
==== 인기 게임 ==== <!-- 페이지 뷰 횟수 순서로 정렬, 확장 기능 필요 -->
</div>
<br />
<br />
<!--article--><div id="popular">{{게임카드|{{#dpl:|namespace=|category=리버티게임|includesubpages=false|count=4|ordermethod=counter|order=descending}}|속성=설명감춤}}</div><!--/article-->
{{게임카드|{{#dpl:|namespace=|category=리버티게임|includesubpages=false|count=4|ordermethod=counter|order=descending}}|속성=설명감춤}}
</div><!--/section-->
----
----
<div style="text-align: center;">
<!--section-->
==== 최고 평가 게임 ====
==== 최고 평가 게임 ====
</div>
<br />
<br />
<!--article--><div class="section-ratings">리버티게임</div><!--/article--><!-- SectionRatings에 의존 -->
<div class="section-ratings">리버티게임</div><!-- SectionRatings에 의존 -->
<!--/section-->
----
----
<div style="text-align: center;">
<!--section-->
==== 장르별 인기 게임 ====
==== 장르별 인기 게임 ====
</div>
<br />
<br />
<tabs>
<tabs>
<tab name="어드벤처"><!--article--><div class="section-ratings">어드벤처_게임</div><!--/article--></tab>
<tab name="어드벤처"><div class="section-ratings">어드벤처_게임</div></tab>
<tab name="탈출"><!--article--><div class="section-ratings">탈출_게임</div><!--/article--></tab>
<tab name="탈출"><div class="section-ratings">탈출_게임</div></tab>
<tab name="액션 게임"><!--article--><div class="section-ratings">액션_게임</div><!--/article--></tab>
<tab name="액션 게임"><div class="section-ratings">액션_게임</div></tab>
<tab name="보드 게임"><!--article--><div class="section-ratings">보드_게임</div><!--/article--></tab>
<tab name="보드 게임"><div class="section-ratings">보드_게임</div></tab>
<tab name="롤플레잉"><!--article--><div class="section-ratings">롤플레잉_게임</div><!--/article--></tab>
<tab name="롤플레잉"><div class="section-ratings">롤플레잉_게임</div></tab>
<tab name="캐주얼"><!--article--><div class="section-ratings">캐주얼_게임</div><!--/article--></tab>
<tab name="캐주얼"><div class="section-ratings">캐주얼_게임</div></tab>
<tab name="퍼즐 게임"><!--article--><div class="section-ratings">퍼즐_게임</div><!--/article--></tab>
<tab name="퍼즐 게임"><div class="section-ratings">퍼즐_게임</div></tab>
</tabs>
</tabs>
<!--/section-->
----
----
<div class="twoColumns">
<!--section--><div class="twoColumns">
<div style="text-align: center;">
<!-- 단 --><div>
==== 신규 출시 ==== <!-- game.json 작성 시점에 따라 최근 4개 표시, [[리버티게임:게임 목록]]에도 대응되는 분류 추가 필요? -->
<!--section-->
</div>
==== 추천 게임 ==== <!-- [[리버티게임:추천 게임]]에 게임카드 틀 적용 뒤 인용 -->
<br />
<br />
<!--article-->{{게임카드|{{#dpl:|namespace=|category=리버티게임|notcategory=메타데이터가 없는 게임|ordermethod=firstedit|count=2}}|속성=설명감춤}}<!--/article-->
{{게임카드|{{#dpl:|category=특집 게임|namespace=|ordermethod=counter|count=8}}|속성=설명감춤}}<!-- 분류명은 '특집 게임'임에 주의할 것 -->
----
<!--/section-->
<div style="text-align: center;">
</div><!-- 단 끝 -->
==== 출시 예정 ==== <!-- '메타데이터가 없는 게임' 분류를 일단 사용하며, 추후 별도 분류로 분리할 것 + 일반 이름공간 뿐만 아니라 사용자 문서 이름공간까지 탐색할 것 -->
<hr class="hideLine" />
</div>
<!-- 단 --><div>
<!--section-->
==== 신규 출시 ==== <!-- 게임 문서 생성 시점에 따라 최근 4개 표시, [[리버티게임:게임 목록]]에도 대응되는 분류 추가 필요? -->
<br />
<br />
<!--article-->{{게임카드|{{#dpl:|namespace=|category=메타데이터가 없는 게임|ordermethod=lastedit|count=2}}|속성=설명감춤}}<!--/article-->
{{게임카드|{{#dpl:|namespace=|category=리버티게임|notcategory=메타데이터가 없는 게임|ordermethod=firstedit|order=descending|count=6}}|속성=설명감춤}}
</div>
<!--/section-->
----
----
<div class="twoColumns">
<!--section-->
<div style="text-align: center;">
==== 소생이 필요한 게임 ==== <!-- [[리버티게임:편집 초심자용 추천 게임]]에 게임카드 틀 적용 뒤 인용 -->
==== 소생이 필요한 게임 ==== <!-- [[리버티게임:편집 초심자용 추천 게임]]에 게임카드 틀 적용 뒤 인용 -->
</div>
{{게임카드|히틀러 대신 제2차 세계 대전 이끌기,북한 군대에서 일하기|속성=설명감춤}}
<br />
<!--/section-->
<!--article-->{{게임카드|히틀러 대신 제2차 세계 대전 이끌기,북한 군대에서 일하기|속성=설명감춤}}<!--/article-->
</div><!-- 단 끝-->
----
</div><!--/section-->
<div style="text-align: center;">
==== 추천 게임 ==== <!-- [[리버티게임:특집 게임]]에 게임카드 틀 적용 뒤 인용 -->
</div>
<br />
<!--article-->{{게임카드|{{#dpl:|category=특집 게임|namespace=|ordermethod=counter|count=2}}|속성=설명감춤}}<!--/article-->
</div>
----
----
<div style="text-align: center;">
<!--section-->
==== 최근 업데이트 ==== <!-- 일반, 토론, 리버티게임 이름공간 최근바뀜 순으로 모든 문서 표시 -->
==== 최근 업데이트 ====
</div>
</div><!-- 메인 가운데 정렬 끝 -->
<br />
<br />
<!--article--><div id="updated">
{{#invoke:changelog|getChangelogCard|{{#dpl:|category=게임_별_알림|ordermethod=lastedit|mode=userformat|format=,%PAGE%,\,}}}}
----
<!--/section-->
{{#dpl:
<!--section--><div id="exploreOurCatalogue">
|namespace=¦Talk¦Project¦Project_Talk
|mode=userformat
|format=<div style="background-color: white;">,\n: <big>[[%PAGE%]]</big>,\n<small>%DATE%</small>\n----,</div>
|ordermethod=lastedit
|order=descending
|addeditdate=true
|count=8
}}
</div><!--/article-->
</div><!--/section-->
<!--section--><div id="exploreOurCatalogue" style="padding: 2rem; background-color: #BBEEBB">
==== <span style="font-size: x-large;">게임 살펴보기</span> ====
==== <span style="font-size: x-large;">게임 살펴보기</span> ====
여러분의 플레이를 기다리는 {{#expr:trunc({{PAGESINCATEGORY:완성되어 변경하지 말아야 하는 게임|page}} / 2 + {{PAGESINCATEGORY:완성되었지만 추가할 수 있는 게임|page}} / 2)}}개의 게임이 있습니다. 장르와 특징을 둘러보고 원하는 게임을 지금 바로 플레이하세요!
여러분의 플레이를 기다리는 {{#expr:trunc({{PAGESINCATEGORY:완성되어 변경하지 말아야 하는 게임|page}} / 2 + {{PAGESINCATEGORY:완성되었지만 추가할 수 있는 게임|page}} / 2)}}개의 게임이 있습니다. 장르와 특징을 둘러보고 원하는 게임을 지금 바로 플레이하세요!


<div style="background-color: #EEFFEE; border-radius: 0.5rem; width: 10rem; height: 25px; left: 50px; text-align: center;">[[리버티게임:게임 목록|모든 게임 보기]]</div>
<div style="background-color: #EEFFEE; border-radius: 0.5em; width: 10em; height: 25px; left: 50px; text-align: center;">[[리버티게임:게임 목록|모든 게임 보기]]</div>
</div><!--/section-->
</div><!--/section-->
 
<!--/section--><!-- 메인 섹션 끝 -->
<!--footer--><div id="footer" style="text-align: center;">원하시는 게임이 없으신가요? 그렇다면 직접 게임을 직접 만들어보세요!<br>새로운 게임을 개발하거나 개방된 게임 개발에 참여할 수 있습니다. 또한 개발 포기 또는 중단된 게임을 이어받을 수도 있습니다.<br>[[리버티게임:도움말|도움말]], [[리버티게임:도움방|게임 개발 도움방]], [[리버티게임:편집 초심자용 추천 게임|편집 초심자용 추천 게임]], [[리버티게임:도움방/아쉬운 아이디어들 모으기|아쉬운 아이디어들]], [[리버티게임:발전소|발전소]], [[:분류:버려진 게임|버려진 게임]], [[리버티게임:저작권|CC BY-NC-SA 4.0 국제에 따라 이용허가 필요]]
<!--footer--><div id="footer" style="text-align: center;">원하시는 게임이 없으신가요? 그렇다면 직접 게임을 직접 만들어보세요!<br>새로운 게임을 개발하거나 개방된 게임 개발에 참여할 수 있습니다. 또한 개발 포기 또는 중단된 게임을 이어받을 수도 있습니다.<br>[[리버티게임:도움말|도움말]], [[리버티게임:도움방|게임 개발 도움방]], [[리버티게임:편집 초심자용 추천 게임|편집 초심자용 추천 게임]], [[리버티게임:도움방/아쉬운 아이디어들 모으기|아쉬운 아이디어들]], [[리버티게임:발전소|발전소]], [[:분류:버려진 게임|버려진 게임]], [[리버티게임:저작권|CC BY-NC-SA 4.0 국제에 따라 이용허가 필요]]


2024년 10월 13일 (일) 21:13 기준 최신판

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

기술적 한계[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_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_open규칙에 따라 일부만 편집할 수 있습니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
롤플레잉
RPG in City
RPG in City에서 그 어느 것보다 잘 조직된 링크 RPG 게임을 만나보십시요!
Senouis
2012-02-18
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
탈출액션
비밀3: 대격돌
드디어 찾아온 복수의 시간
Js091213•Bd3076•초코나무숲
2017-05-10
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
탈출
비밀2: 침묵
부산에서 또 다시 시작된 납치의 악몽
Js091213•초코나무숲
2017-05-09
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
전략
한국전쟁
여럿으로 분열된 한국의 지도자가 되어 한반도를 통일시켜 보세요.
Bd3076
2018-01-11
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
탈출
비밀
여수에서 벌어지는 비밀스러운 납치 탈출기
Bd3076•초코나무숲
2016-10-06
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
시뮬레이션
백괴복권
백괴복권에 투자하세요!
BANIP
2009-11-12
data_object

신규 출시


language웹 (무설치)
lock_open규칙에 따라 일부만 편집할 수 있습니다.
signal_cellular_0_bar변경하지 말아야 하는 공사중인 게임입니다.
hourglass_top등급 판정중인 게임입니다.
캐주얼
123
링크 중 다음 단계로 건너가는 링크는?
223.39.248.218
2024-9-27
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
hourglass_top등급 판정중인 게임입니다.
함정 피하기
대이터말소
당신은 망했다!
Qwerty
2024-8-8
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_1_bar조금 완성된 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
오픈 월드
청성민국
당신이라면 이곳에 사시겠습니까?
Jamyo356
2024-06-19
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_0_bar변경하지 말아야 하는 공사중인 게임입니다.
hourglass_top등급 판정중인 게임입니다.
캐주얼
Pet simulator
랜덤가챠를 돌려서 펫을 모아보세요.
Jamyo356
2024-06-09
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_1_bar조금 완성된 게임입니다.
hourglass_top등급 판정중인 게임입니다.
롤플레잉
잼이 RPG
잼이있는 잼이RPG
Jamyo356
2024-05-20
data_object
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_1_bar조금 완성된 게임입니다.
hourglass_top등급 판정중인 게임입니다.
시간 낭비하기
리버티학업능력진단평가(LAADA)
그래서 너놈의 진단평가 결과는...
Jamyo356
2024-05-18
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

최근 업데이트


게임 살펴보기

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

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