틀:리버티게임 메뉴/대문: 두 판 사이의 차이

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
시각위키텍스트
잔글편집 요약 없음
잔글 (Hsl0님이 틀:리버티게임 메뉴/2024 문서를 틀:리버티게임 메뉴/대문 문서로 이동했습니다)
 
(사용자 2명의 중간 판 23개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<onlyinclude>
<onlyinclude>__NOTOC__{{#css:
{{#css:
body {
.ns-4 #content, .ns-4 #p-cactions li a:hover, .ns-4 #p-cactions li.selected a, .ns-12 #content, .ns-12 #p-cactions li a:hover, .ns-12 #p-cactions li.selected a {
     --background: #eeffee !important;
     background-color: #eeffee;
}
}
#docTop {
 
   position:absolute;
#docTopWithoutHeader {
  --upper-height: 2.3rem;
   position: sticky;
   top: 0px;
   top: 0px;
  left: 0%;
  right: 0%;
  height: 64px;
  z-index: 8;
}
#docTopWithoutHeader .upper {
  width:100%;
  text-align:center;
  font-size: 1.2em;
}
#docTopWithoutHeader div span {
    background-color: #BBEEBB;
    color: black;
    height: 24px;
}
}


#docTop span {
#docTopWithoutHeader div span a {
     color: #00A500;
     color: inherit;
    text-decoration: none;
    font-weight: bold;
}
}


#docTop span a {
#docTopWithoutHeader .upper span {
    position:relative;
    background-color: #00A500;
    color: white;
    word-break:keep-all;
    height: var(--upper-height);
    line-break:keep-all;
}
#docTopWithoutHeader .upper span a {
     color: inherit;
     color: inherit;
    padding: 0.65rem;
     text-decoration: none;
     text-decoration: none;
    line-height: 1;
     font-weight: bold;
     font-weight: bold;
    display:block;
}
#header-lower {
    position: absolute;
    left: 0%;
    right: 0%;
    top: calc(var(--upper-height) + 3px);
    bottom: 100px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 420px) {
    #docTopWithoutHeader {
        --upper-height: 2rem;
    }
    #docTopWithoutHeader .upper {
        font-size: 1em;
    }
}
@media (max-width: 22.85rem) {
    #docTopWithoutHeader {
        --upper-height: 3.3em;
    }
}
}


#menusubList1 {
#menusubList1 {
   z-index:10;
   z-index:10;
  position:absolute;
  top:0px;
  left:0%;
  background-color: #eeffee;
}
}


#menusubList2 {
#menusubList2 {
   z-index:10;
   z-index:10;
  position:absolute;
  top:0px;
  left:0%;
  background-color: #eeffee;
}
#community-link {
  text-align:center;
  height:24px;
}
#support-link {
  text-align:center;
  height:24px;
}
}


#community-link #menusubList1 {
#community-link #menusubList1 {
   transition: 0.3s transform linear;
   transition: 0.2s transform linear;
   transform: scale(1, 0);
   transform: scale(1, 0);
   transform-origin: 50% 0%;
   transform-origin: 0% 0%;
   position: absolute;
   position: absolute;
   width: 100%;
   width: 100%;
   top: 1.9em;
   top: 28px;
   box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
   visibility: hidden;
   visibility: hidden;
}
#community-link:hover {
  background-color: white;
  color: black;
}
}


41번째 줄: 118번째 줄:
   visibility: visible;
   visibility: visible;
   transform: scale(1);
   transform: scale(1);
}
   color: #00A500;
 
#menusubList2 {
   z-index:10;
}
}


50번째 줄: 124번째 줄:
   transition: 0.3s transform linear;
   transition: 0.3s transform linear;
   transform: scale(1, 0);
   transform: scale(1, 0);
   transform-origin: 50% 0%;
   transform-origin: 0% 0%;
   position: absolute;
   position: absolute;
   width: 100%;
   width: 100%;
   top: 1.9em;
   top: 28px;
   box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
   visibility: hidden;
   visibility: hidden;
}
#support-link:hover {
  background-color: white;
  color: black;
}
}


61번째 줄: 140번째 줄:
   visibility: visible;
   visibility: visible;
   transform: scale(1);
   transform: scale(1);
  color: #00A500;
}
.dropdown-button {
  width:98%;
  position:relative;
  left:1%;
  padding:0.5em 0;
  background-color:#eeffee;
}
.dropdown-button a {
  display:block;
  word-break: keep-all;
}
}


}}
}}
<!-- 상단 바입니다.--><!-- 추천, 인기차트, 신규, 카테고리는 각각 대응되는 단락으로 이동해야 합니다. --><!-- 지원/커뮤니티는 visited CSS 이벤트를 사용합니다 -->
<!-- 상단 바입니다. --><!-- 상단 링크는 각각 대응되는 단락으로 이동해야 합니다. --><!-- 커뮤니티/지원 링크는 visited CSS 이벤트를 사용합니다. -->
<div id="docTop" style="background-color:#00A500;padding:0.1rem;">
<div id="docTopWithoutHeader" style="background-color:#eeffee;">
<span>
<span class="upper" style="display:grid;grid-template-columns:repeat(4, 1fr);">
<span style="background-color: #bbeebb; border-radius: 0.2rem;padding:0.1em;">[[#인기 게임|인기 게임 차트]]</span>
<span style="position:relative; left:1%; width:98%; >[[#인기 게임|인기 게임]]</span>
<span style="background-color: #bbeebb; border-radius: 0.2rem;padding:0.1em;">[[#최고 평가 게임|플레이 추천]]</span>
<span style="position:relative; left:1%; width:98%;">[[#장르별 인기 게임|게임 장르]]</span>
<span style="background-color: #bbeebb; border-radius: 0.2rem;padding:0.1em;">[[#카테고리|카테고리]]</span>
<span style="position:relative; left:1%; width:98%;">[[#추천 게임|주요 게임]]</span>
<span style="position:relative; left:1%; width:98%;">[[#최근 업데이트|업데이트]]</span>
</span>
</span>
<span style="float:right;">
<div id="header-lower">
<span id="community-link" style="background-color: #bbeebb; border-radius: 0.2rem;padding:0.1em;">[[#커뮤니티|커뮤니티]]<div id="menusubList1" style="text-align:center;">
<span id="community-link" style=" padding:0.1em;">[[#커뮤니티|커뮤니티]]<div id="menusubList1" style="text-align:center;display:grid;grid-template-columns:25% 25% 25% 25%;background-color:#00A500;">
[[리버티게임:오락실|오락실]], [[리버티게임:발전소|발전소]], [[리버티게임:토론란|토론란]], [[리버티게임:특집 게임|추천 게임 토론]]
<div class="dropdown-button">[[리버티게임:오락실|오락실]]</div> <div class="dropdown-button">[[리버티게임:발전소|발전소]]</div> <div class="dropdown-button">[[리버티게임:토론란|토론란]]</div> <div class="dropdown-button">[[리버티게임:특집 게임|추천 게임 토론]]</div>
</div></span>
<span id="support-link" style="background-color: #bbeebb; border-radius: 0.2rem;padding:0.1em;">[[#지원|지원]]<div id="menusubList2" style="text-align:center;">
[[리버티게임:소개|리버티게임 소개]] [[리버티게임:길라잡이|길라잡이]], [[리버티게임:도움말|도움말]], [[리버티게임:도움방|게임 개발 도움방]], [[리버티게임:정책과 지침|정책과 지침]]
</div></span>
</div></span>
<span id="support-link" style="padding:0.1em;">[[#지원|지원]]<div id="menusubList2" style="text-align:center;display:grid;grid-template-columns:20% 20% 20% 20% 20%;background-color:#00A500;">
<div class="dropdown-button">[[리버티게임:소개|리버티게임 소개]]</div> <div class="dropdown-button">[[리버티게임:길라잡이|길라잡이]]</div> <div class="dropdown-button">[[리버티게임:도움말|도움말]]</div> <div class="dropdown-button">[[리버티게임:도움방|게임 개발 도움방]]</div> <div class="dropdown-button">[[리버티게임:정책과 지침|정책과 지침]]</div>
</div>
</span>
</span>
</div>
</div>
 
</div>
 
</onlyinclude>
</onlyinclude>


2024년 이후 리버티게임 대문에 사용할 네비게이션 메뉴입니다.
2024년 이후 리버티게임 대문에 사용할 네비게이션 메뉴입니다.


[[분류:리버티게임 관리용 틀]]
== 같이 보기 ==
== 같이 보기 ==
* [[../|레거시]]
* [[../|레거시]]

2024년 11월 6일 (수) 23:05 기준 최신판


2024년 이후 리버티게임 대문에 사용할 네비게이션 메뉴입니다.

같이 보기

원본 주소 "https://dev.libertygame.work/index.php?title=틀:리버티게임_메뉴/대문&oldid=32024"