사용자:명진/대문: 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
(정렬)
(올바르게 시맨틱 태그 사용, 스타일)
32번째 줄: 32번째 줄:
----
----
<!-- 여기서부터 표시됨 -->
<!-- 여기서부터 표시됨 -->
<onlyinclude>__NOEDITSECTION__<!-- 상단 바 --><!-- 추천, 인기차트, 신규, 카테고리는 각각 대응되는 단락으로 이동해야 합니다. --><!-- 지원/커뮤니티는 visited CSS 이벤트를 사용합니다 -->{{리버티게임 메뉴/2024}}
<onlyinclude>__NOEDITSECTION__<!-- 상단 바 -->{{리버티게임 메뉴/대문}}
<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><!--/section-->
</div>
</div><!--/header-->
</div><!--/header-->
----
----
47번째 줄: 47번째 줄:
     padding: 1em;
     padding: 1em;
   }
   }
/* 하이라이트 파일 컨테이너 */
/* 하이라이트 파일 컨테이너 */
   .fileContainer {
   .fileContainer {
53번째 줄: 52번째 줄:
     min-height: 5em;
     min-height: 5em;
   }
   }
/* 하이라이트 내장 문구 */
/* 하이라이트 내장 문구 */
   .embeddedText {
   .embeddedText {
100번째 줄: 98번째 줄:
     margin: 0;
     margin: 0;
   }
   }
 
/* 반응형 디자인 필요 없는 경우 장르별 게임 탭 */
/* 반응형 디자인 필요 없는 경우 장르별 게임 탭 CSS */
   .tabs-tabbox > .tabs-label {
   .tabs-tabbox > .tabs-label {
     border-radius: 0px;
     border-radius: 0px;
134번째 줄: 131번째 줄:
       padding: 0.5em;
       padding: 0.5em;
     }
     }
     /* 하이라이트의 내장 문구 */
     /* 하이라이트의 내장 문구 */
     .embeddedText {
     .embeddedText {
162번째 줄: 158번째 줄:
       grid-template-columns: 50% 50%;
       grid-template-columns: 50% 50%;
     }
     }
     /* 인기 게임 문단의 게임카드 */
     /* 인기 게임 문단의 게임카드 */
     #popular > .gamecards {
     #popular > .gamecards {
185번째 줄: 182번째 줄:
       height: 3.4em;
       height: 3.4em;
     }
     }
}
}
@media (min-width: 641px) and (max-width: 800px) {
@media (min-width: 641px) and (max-width: 800px) {
     /* 장르별 게임 보여주는 탭 */
     /* 장르별 게임 보여주는 탭 */
206번째 줄: 201번째 줄:
   column-gap: 1em;
   column-gap: 1em;
   }
   }
@media (min-width: 800px) {
@media (min-width: 800px) {
/* 넓은 화면에서 2단 */
/* 넓은 화면에서 2단 */
233번째 줄: 227번째 줄:
}
}


/* 게임 살펴보기 */
  #exploreOurCatalogue {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 2em;
    background-color: #BBEEBB;
}
}}<!-- 게임카드 틀이 한 줄에 4개씩 표시하도록 변경하는 CSS 속성 설정 -->
}}<!-- 게임카드 틀이 한 줄에 4개씩 표시하도록 변경하는 CSS 속성 설정 -->
<!-- 메인 섹션 --><!--section--><div id="mainSection">
<div style="text-align: center;">
<div style="text-align: center;">
==== 하이라이트 ==== <!-- 사용자 광고, 별도의 문서 인용으로 개량할 것 -->
==== 하이라이트 ==== <!-- 사용자 광고, 별도의 문서 인용으로 개량할 것 -->
241번째 줄: 243번째 줄:
</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|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-->
288번째 줄: 290번째 줄:
----
----
==== 최근 업데이트 ====
==== 최근 업데이트 ====
</div><!-- 가운데 정렬 끝 -->
<br />
<br />
<!--article--><div style="text-align: initial;">
<!--article--><div>
{{#invoke:changelog|getChangelogCard|{{#dpl:|category=게임_별_알림|ordermethod=lastedit|mode=userformat|format=,%PAGE%,\,}}}}
{{#invoke:changelog|getChangelogCard|{{#dpl:|category=게임_별_알림|ordermethod=lastedit|mode=userformat|format=,%PAGE%,\,}}}}
</div><!--/article-->
</div><!--/article-->
</div><!--/section-->
</div><!--/section-->
<!--section--><div id="exploreOurCatalogue" style="margin-top: 1em; margin-bottom: 1em; padding: 2em; background-color: #BBEEBB">
<!--section--><div id="exploreOurCatalogue">
==== <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)}}개의 게임이 있습니다. 장르와 특징을 둘러보고 원하는 게임을 지금 바로 플레이하세요!
299번째 줄: 302번째 줄:
<div style="background-color: #EEFFEE; border-radius: 0.5em; width: 10em; 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-->
<!--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월 12일 (토) 01:30 판

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

기술적 한계[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세 미만이 이용시 부모의 지도가 필요합니다.
우리 염장수련원은 여러분을 매우 엄격한 관리를 통해 사람으로 만들어드립니다.
language웹 (무설치)
lock_open_right모두에게 편집이 개방되었습니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
신이시여 이 컴맹 좀 아주 개발살을 내주시옵소서
language웹 (무설치)
lock_open규칙에 따라 일부만 편집할 수 있습니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
RPG in City에서 그 어느 것보다 잘 조직된 링크 RPG 게임을 만나보십시요!
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
드디어 찾아온 복수의 시간
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
부산에서 또 다시 시작된 납치의 악몽
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
여럿으로 분열된 한국의 지도자가 되어 한반도를 통일시켜 보세요.
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_connected_no_internet_4_bar완성되어 변경하지 말아야 하는 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
여수에서 벌어지는 비밀스러운 납치 탈출기
language웹 (무설치)
lock_open규칙에 따라 일부만 편집할 수 있습니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
실제인 듯 실제 아닌 실제 같은 낚시 게임
위키낚시에 오신것을 환영합니다!
여기는 백괴낚시처럼 게임이 사람을 낚는것이 아니라 사람이 게임을 낚는 진지한 게임입니다.
여기서 직접 삶의 현장을 체험해보십시오.

신규 출시


language웹 (무설치)
lock_open규칙에 따라 일부만 편집할 수 있습니다.
signal_cellular_0_bar변경하지 말아야 하는 공사중인 게임입니다.
hourglass_top등급 판정중인 게임입니다.
링크 중 다음 단계로 건너가는 링크는?
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_4_bar완성되었지만 추가할 수 있는 게임입니다.
hourglass_top등급 판정중인 게임입니다.
당신은 망했다!
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_1_bar조금 완성된 게임입니다.
cruelty_free모든 연령이 즐길 수 있습니다.
당신이라면 이곳에 사시겠습니까?
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_0_bar변경하지 말아야 하는 공사중인 게임입니다.
hourglass_top등급 판정중인 게임입니다.
랜덤가챠를 돌려서 펫을 모아보세요.
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_1_bar조금 완성된 게임입니다.
hourglass_top등급 판정중인 게임입니다.
잼이있는 잼이RPG
language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_1_bar조금 완성된 게임입니다.
hourglass_top등급 판정중인 게임입니다.
그래서 너놈의 진단평가 결과는...

소생이 필요한 게임

language웹 (무설치)
lock제작자 이외의 편집이 제한됩니다.
signal_cellular_2_bar중간 정도 완성된 게임입니다.
hourglass_empty등급 판정이 필요한 게임입니다.
language웹 (무설치)
lock_open_right모두에게 편집이 개방되었습니다.
signal_cellular_1_bar조금 완성된 게임입니다.
12mp12세 미만이 이용시 부모의 지도가 필요합니다.
다이나믹 로동을 하는 군대를 체험하기

최근 업데이트


게임 살펴보기

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