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

리버티게임, 모두가 만들어가는 자유로운 게임
(장르별 인기 게임 탭 디자인 수정)
(CSS 오류 수정)
 
(사용자 3명의 중간 판 60개는 보이지 않습니다)
4번째 줄: 4번째 줄:
   }
   }
}}
}}
이 문서는 [[리버티게임:대문]] 문서에 틀처럼 인용된 형태로 포함되어야 합니다! 그리고 이 문서 역시 관리자만 편집하도록 보호하는 것을 잊지 마세요!
이 문서는 [[리버티게임:대문]] 문서에 틀처럼 인용된 형태로 포함되어야 합니다! 그리고 이 문서 역시 관리자만 편집하도록 보호하는 것을 잊지 마세요!


22번째 줄: 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 />
----
----
<!-- 여기서부터 표시됨 -->
<!-- 여기서부터 표시됨 -->
<onlyinclude>
<onlyinclude>__NOEDITSECTION__<!-- 상단 바 -->{{리버티게임 메뉴/대문}}
__NOEDITSECTION__
<!-- 상단 바입니다.--><!-- 추천, 인기차트, 신규, 카테고리는 각각 대응되는 단락으로 이동해야 합니다. --><!-- 지원/커뮤니티는 visited CSS 이벤트를 사용합니다 -->
{{리버티게임 메뉴/2024}}
<br clear="both" />
<br clear="both" />
----
----
<div id="mainSection" 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>
<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>
</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: 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: 0.5rem;
     bottom: 0em;
    width: 100%;
    padding: 0.1em;
     color: white;
     color: white;
  }
  .embeddedText a {
    color: inherit;
  }
  .embeddedTextName {
    font-size: x-large;
  }
/* 광고 파일 높이 */
  .adFile {
    min-height: 150px;
    line-height: 164px;
   }
   }


   .embeddedText > span > a {
/* 인기 게임 문단의 게임카드 */
     color:inherit;
   #popular > .gamecards {
     padding: 0.1rem;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    column-gap: 0px;
  }
/* 그 외의 게임카드 */
  .gamecards {
     display: grid;
    grid-template-columns: 50% 50%;
     min-width: 50%;
  }
/* 광고와 평점 */
  #advertisement, .section-ratings {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
   }
   }


/* 장르별 게임 보여주는 탭 */
   .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;
70번째 줄: 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;
83번째 줄: 116번째 줄:
     border-radius: 0px;
     border-radius: 0px;
     border: 1px none #00A500;
     border: 1px none #00A500;
  }
  .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    color: #FFF;
    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) {
  /* 하이라이트 */
  #highlight {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgb(191,191,191));
    min-height: 6em;
    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%;
  }
  /* 인기 게임 문단의 게임카드 */
   #popular > .gamecards {
   #popular > .gamecards {
     display:grid;
     display: grid;
     grid-template-columns: 25% 25% 25% 25%;
     grid-template-columns: 50% 50%;
     column-gap: 0px;
     column-gap: 0px;
   }
   }
   .gamecards {
   /* 그 외의 게임카드 */
  .section-ratings, .gamecards {
     display: grid;
     display: grid;
     grid-template-columns: 50% 50%;
     grid-template-columns: 50% 50%;
    min-width: 50%;
   }
   }
   #advertisement, .section-ratings {
}
     display: grid;
 
     grid-template-columns: 25% 25% 25% 25%;
@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;
   }
   }
 
}
   .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
/* 벡터 레거시 사용할 때 장르별 게임 탭 전용 반응형 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;
     color: #FFF;
     background: #00A500;
     margin: 0;
    width: calc(10% + 0.2vw);
   }
   }
@media (max-width: 800px) {
}
    #highlight {
      background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(191,191,191,0));
      min-height: 6rem;
    }


    .embeddedText {
/* 2단 스타일 */
      position: absolute;
  .twoColumns {
      background-color: linear-gradient(0deg, tranparent, rgba(0, 0, 0, 0.75));
    display: flex;
      bottom: 0rem;
    flex-direction: column;
      left: 0%;
    column-gap: 1em;
      right: 0%;
  }
      width: 100%;
@media (min-width: 800px) {
      color: white;
/* 넓은 화면에서 2단 */
    }
  .twoColumns {
    flex-direction: row;
  }
  .twoColumns > div {
    width: 50%;
  }
  .hideLine {
    display: none;
  }
}


    .embeddedText > span > a {
/* 게임 살펴보기 */
      color:inherit;
  #exploreOurCatalogue {
      font-weight: bold;
    margin-top: 1em;
      font-size: 16px;
    margin-bottom: 1em;
      padding: 0.05rem;
     padding: 2em;
    }
     background-color: #BBEEBB;
 
  }
    #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;
    }
}
}}<!-- 게임카드 틀이 한 줄에 4개씩 표시하도록 변경하는 CSS 속성 설정 -->
}}<!-- 게임카드 틀이 한 줄에 4개씩 표시하도록 변경하는 CSS 속성 설정 -->
<!-- 메인 섹션 --><!--section id="mainSection"-->
<!--section-->
<div style="text-align: center;">
==== 하이라이트 ==== <!-- 사용자 광고, 별도의 문서 인용으로 개량할 것 -->
==== 하이라이트 ==== <!-- 사용자 광고, 별도의 문서 인용으로 개량할 것 -->
<div id="highlight"><!-- 관리단 추천 1개: 게임잼 우승 작품이나 백괴시티, 백괴게임 제1회 특집 게임 같이 리버티게임에서도 의미가 있는 중요 게임 하나로 고정(랜덤 X) -->
<div class="fileContainer" style="position: relative; min-height: 5rem;">[[파일:{{JSON|마법의 MD-5 시뮬레이터/game.json|image}}|x250px|link={{JSON|마법의 MD-5 시뮬레이터/game.json|name}}|center]]<div class="embeddedText"><span style="font-size: x-large">[[{{JSON|마법의 MD-5 시뮬레이터/game.json|name}}]]</span><br />{{JSON|마법의 MD-5 시뮬레이터/game.json|summary}}</div></div>
</div>
</div>
<!--article--><div id="highlight"><!-- 관리단 추천 1개: 게임잼 우승 작품이나 백괴시티, 백괴게임 제1회 특집 게임 같이 리버티게임에서도 의미가 있는 중요 게임 하나로 고정(랜덤 X) -->
<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 style="text-align: center;">
<div id="advertisement"><!-- 자유 광고 4개, [[틀:대문 광고]] 하위 문서 4개에서 랜덤으로 가져오도록 변경 -->{{#invoke:IIFE|<nowiki>
<div id="advertisement"><!-- 자유 광고 4개, [[틀:대문 광고]] 하위 문서 4개에서 랜덤으로 가져오도록 변경 -->{{#invoke:IIFE|<nowiki>
<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--><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-->
<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--><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-->
<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--><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-->
<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--><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 />
<div id="popular">{{게임카드|{{#dpl:|namespace=|category=리버티게임|includesubpages=false|count=4|ordermethod=counter|order=descending}}|속성=설명감춤}}</div>
{{게임카드|{{#dpl:|namespace=|category=리버티게임|includesubpages=false|count=4|ordermethod=counter|order=descending}}|속성=설명감춤}}
</div><!--/section-->
----
----
<div style="text-align: center;">
<!--section-->
==== 최고 평가 게임 ====
==== 최고 평가 게임 ====
</div>
<br />
<br />
<div class="section-ratings">리버티게임</div><!-- SectionRatings에 의존 -->
<div class="section-ratings">리버티게임</div><!-- SectionRatings에 의존 -->
<!--/section-->
----
----
<div style="text-align: center;">
<!--section-->
==== 장르별 인기 게임 ====
==== 장르별 인기 게임 ====
</div>
<br />
<br />
<tabs>
<tabs>
196번째 줄: 281번째 줄:
<tab name="퍼즐 게임"><div class="section-ratings">퍼즐_게임</div></tab>
<tab name="퍼즐 게임"><div class="section-ratings">퍼즐_게임</div></tab>
</tabs>
</tabs>
<!--/section-->
----
----
<div style="text-align: center;">
<!--section--><div class="twoColumns">
==== 신규 출시 ==== <!-- game.json 작성 시점에 따라 최근 4개 표시, [[리버티게임:게임 목록]]에도 대응되는 분류 추가 필요? -->
<!-- 단 --><div>
</div>
<!--section-->
==== 추천 게임 ==== <!-- [[리버티게임:추천 게임]]에 게임카드 틀 적용 뒤 인용 -->
<br />
<br />
{{게임카드|{{#dpl:|namespace=|category=리버티게임|notcategory=메타데이터가 없는 게임|ordermethod=firstedit|count=2}}|속성=설명감춤}}
{{게임카드|{{#dpl:|category=특집 게임|namespace=|ordermethod=counter|count=8}}|속성=설명감춤}}<!-- 분류명은 '특집 게임'임에 주의할 것 -->
----
<!--/section-->
<div style="text-align: center;">
</div><!-- 단 끝 -->
==== 출시 예정 ==== <!-- '메타데이터가 없는 게임' 분류를 일단 사용하며, 추후 별도 분류로 분리할 것 + 일반 이름공간 뿐만 아니라 사용자 문서 이름공간까지 탐색할 것 -->
<hr class="hideLine" />
</div>
<!-- 단 --><div>
<!--section-->
==== 신규 출시 ==== <!-- 게임 문서 생성 시점에 따라 최근 4개 표시, [[리버티게임:게임 목록]]에도 대응되는 분류 추가 필요? -->
<br />
<br />
{{게임카드|{{#dpl:|namespace=|category=메타데이터가 없는 게임|ordermethod=lastedit|count=2}}|속성=설명감춤}}
{{게임카드|{{#dpl:|namespace=|category=리버티게임|notcategory=메타데이터가 없는 게임|ordermethod=firstedit|order=descending|count=6}}|속성=설명감춤}}
<!--/section-->
----
----
<div style="text-align: center;">
<!--section-->
==== 소생이 필요한 개방된 게임 ==== <!-- [[리버티게임:편집 초심자용 추천 게임]]에 게임카드 틀 적용 뒤 인용 -->
==== 소생이 필요한 게임 ==== <!-- [[리버티게임:편집 초심자용 추천 게임]]에 게임카드 틀 적용 뒤 인용 -->
</div>
<br />
{{게임카드|히틀러 대신 제2차 세계 대전 이끌기,북한 군대에서 일하기|속성=설명감춤}}
{{게임카드|히틀러 대신 제2차 세계 대전 이끌기,북한 군대에서 일하기|속성=설명감춤}}
<!--/section-->
</div><!-- 단 끝-->
</div><!--/section-->
----
----
<div style="text-align: center;">
<!--section-->
==== 에디터 추천 게임 ==== <!-- [[리버티게임:특집 게임]]에 게임카드 틀 적용 뒤 인용 -->
==== 최근 업데이트 ====
</div>
</div><!-- 메인 가운데 정렬 끝 -->
<br />
{{게임카드|{{#dpl:|category=특집 게임|namespace=|ordermethod=counter|count=2}}|속성=설명감춤}}
----
<div style="text-align: center;">
==== 최근 업데이트 ==== <!-- 일반, 토론, 리버티게임 이름공간 최근바뀜 순으로 모든 문서 표시 -->
</div>
<br />
<br />
<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>
</div>
<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: 1rem; width: 10rem; height: 25px; left: 50px; text-align: center;">[[리버티게임:게임 목록|모든 게임 보기]]</div>
</div>
<div id="footer" style="text-align: center;">


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


현재 리버티게임에서 개발 중인 게임은 {{#expr: trunc({{PAGESINCATEGORY:리버티게임|pages}} / 2 - ({{PAGESINCATEGORY:완성되어 변경하지 말아야 하는 게임|pages}} / 2 + {{PAGESINCATEGORY:완성되었지만 추가할 수 있는 게임|pages}} / 2))}}개입니다. 개발 중인 게임을 포함한 총 게임 개수는 <!-- 보존된 게임 제외한 게임 갯수 --><span class="pagecount">리버티게임</span>개입니다.
현재 리버티게임에서 개발 중인 게임은 {{#expr: trunc({{PAGESINCATEGORY:리버티게임|pages}} / 2 - ({{PAGESINCATEGORY:완성되어 변경하지 말아야 하는 게임|pages}} / 2 + {{PAGESINCATEGORY:완성되었지만 추가할 수 있는 게임|pages}} / 2))}}개입니다. 개발 중인 게임을 포함한 총 게임 개수는 <!-- 보존된 게임 제외한 게임 갯수 --><span class="pagecount">리버티게임</span>개입니다.


리버티게임은 여러 개인들이 자발적으로 모여 만들어나가는 비영리 사이트입니다. 특정한 법인 혹은 그와 동격인 단체가 운영하지 않습니다.
리버티게임은 여러 개인들이 자발적으로 모여 만들어나가는 비영리 사이트입니다. 특정한 법인 혹은 그와 동격인 단체가 운영하지 않습니다.</div><!--/footer-->
</div>
</onlyinclude>
</onlyinclude>

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_open규칙에 따라 일부만 편집할 수 있습니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
시뮬레이션롤플레잉
위키낚시
실제인 듯 실제 아닌 실제 같은 낚시 게임
위키낚시에 오신것을 환영합니다!
여기는 백괴낚시처럼 게임이 사람을 낚는것이 아니라 사람이 게임을 낚는 진지한 게임입니다.
여기서 직접 삶의 현장을 체험해보십시오.
BANIP
2010-09-26
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"