틀:이음 각주: 두 판 사이의 차이

2025년 7월 6일 (일) 19:18 판

이 틀은 하얀 테마 전용이에요!!!

예시

{{이음 각주}}

틀을 잘못 쓰고 계십니다! 틀:이음 각주로 이동하여 구체적인 설명을 확인하시길 추천드립니다.
틀만 사용하면 오류가 나며 제대로 사용할 수 없습니다.

본 틀은 아래 문법으로써 각주에 관한 것을 선언해야 합니다.

{{이음 각주|선언}}

당연히 매직워드로 쓰인 문법이기에 문서에서는 보이지 않습니다. 문서 맨 위에 작성하는 것을 추천드립니다.

그리고 내용을 작성하면 됩니다.

{{이음 각주 | 내용 | 각주 명칭 = 안녕 | 각주 내용 = 오로라에오}}

히히[안녕]오로라에오

테마

테마는 그저 선언 앞에 테마 명칭을 붙이면 됩니다. 지원하는 테마는 다크, 광명, 여명이 있습니다.

{{이음 각주|다크테마 선언}}
{{이음 각주|광명테마 선언}}
{{이음 각주|여명테마 선언}}

결과는 없습니다. 각 선언마다 충돌을 일으키네요.
이음과 함께 제작된 각 문서로 이동하여 다체로운 각주를 보거나, 직접 문서를 작성하여 각주를 활용해 보세요.[빨간약]짬처리 맞아요. ;)

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