틀:이음 각주 문서 원본 보기

{{Project Z 배경/이음}}
<span style="color: #f00; font-size: 30px; text-shadow: 0 0 6px #f00; font-weight: bold">이 틀은 하얀 테마 전용이에요!!!</span>
<onlyinclude><includeonly>{{#switch: {{{1|}}}
| 선언 = {{#CSS:
.hover-container {
  position: relative;
  display: inline-block;
  vertical-align: super;
  font-size: 0.75em;
  color: #0645AD;
  cursor: pointer;
}

.hover-container .popup-text {
  position: absolute;
  left: 0;
  top: 100%;
  width: 300px;
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  font-size: 14px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  padding: 1em;
  box-shadow: 0 0 10px #000;
  z-index: 9999;
  white-space: normal;
  pointer-events: none;
  font-weight: normal;
}

.hover-container:hover .popup-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hover-container:hover .popup-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
}}
| 다크테마 선언 = {{#CSS:
.hover-container {
  position: relative;
  display: inline-block;
  vertical-align: super;
  font-size: 0.75em;
  color: #0645AD;
  cursor: pointer;
}

.hover-container .popup-text {
  position: absolute;
  left: 0;
  top: 100%;
  width: 300px;
  background-color: #202424;
  border: 2px solid #fff;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  padding: 1em;
  box-shadow: 0 0 10px #fff, inset 0 0 6px #fff;
  z-index: 9999;
  white-space: normal;
  pointer-events: none;
  font-weight: normal;
}

.hover-container:hover .popup-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hover-container:hover .popup-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
}}
| 광명테마 선언 = {{#CSS:
.hover-container {
  position: relative;
  display: inline-block;
  vertical-align: super;
  font-size: 0.75em;
  color: #0ff;
  cursor: pointer;
}

.hover-container .popup-text {
  position: absolute;
  left: 0;
  top: 100%;
  width: 300px;
  background-color: #000;
  border: 2px solid #0ff;
  color: #0ff;
  font-size: 14px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  padding: 1em;
  box-shadow: 0 0 10px #0ff, inset 0 0 6px #0ff;
  z-index: 9999;
  white-space: normal;
  pointer-events: none;
  font-weight: normal;
}

.hover-container:hover .popup-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hover-container:hover .popup-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
}}
| 여명테마 선언 = {{#CSS:
.hover-container {
  position: relative;
  display: inline-block;
  vertical-align: super;
  font-size: 0.75em;
  color: #fc0;
  cursor: pointer;
}

.hover-container .popup-text {
  position: absolute;
  left: 0;
  top: 100%;
  width: 300px;
  background-color: #222;
  border: 2px solid #fc0;
  color: #fc0;
  font-size: 14px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  padding: 1em;
  box-shadow: 0 0 10px #fc0, inset 0 0 6px #fc0;
  z-index: 9999;
  white-space: normal;
  pointer-events: none;
  font-weight: normal;
}

.hover-container:hover .popup-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hover-container:hover .popup-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
}}
| 내용 = <span class="hover-container"><nowiki>[</nowiki>{{{각주 명칭|}}}<nowiki>]</nowiki><span class="popup-text">{{{각주 내용}}}</span></span>
| 틀을 잘못 쓰고 계십니다! [[틀:이음 각주]]로 이동하여 구체적인 설명을 확인하시길 추천드립니다. }}</onlyinclude></includeonly>

== 예시 ==
<pre>{{이음 각주}}</pre><br>{{이음 각주}}<br>'''틀만 사용하면 오류가 나며 제대로 사용할 수 없습니다.'''
<br><br>
'''본 틀은 아래 문법으로써 각주에 관한 것을 선언해야 합니다.'''
<pre>{{이음 각주|선언}}</pre>
{{이음 각주|선언}}
당연히 매직워드로 쓰인 문법이기에 문서에서는 보이지 않습니다. 문서 맨 위에 작성하는 것을 추천드립니다.<br><br>
그리고 내용을 작성하면 됩니다.
<pre>{{이음 각주 | 내용 | 각주 명칭 = 안녕 | 각주 내용 = 오로라에오}}</pre>
히히{{이음 각주 | 내용 | 각주 명칭 = 안녕 | 각주 내용 = 오로라에오}}<br>

== 테마 ==
'''테마는 그저 선언 앞에 테마 명칭을 붙이면 됩니다. 지원하는 테마는 다크, 광명, 여명이 있습니다.'''
<pre>{{이음 각주|다크테마 선언}}
{{이음 각주|광명테마 선언}}
{{이음 각주|여명테마 선언}}</pre>
<br>
결과는 없습니다. 각 선언마다 충돌을 일으키네요.<br>이음과 함께 제작된 각 문서로 이동하여 다체로운 각주를 보거나, 직접 문서를 작성하여 각주를 활용해 보세요.{{이음 각주 | 내용 | 각주 명칭 = 빨간약 | 각주 내용 = 짬처리 맞아요. ;)}}<br><br>