틀:주석2: 두 판 사이의 차이

2023년 9월 25일 (월) 22:49 판

{{{1}}}{{{2}}}

텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. {{주석}}과는 다르게 물음표가 표시되지 않습니다. 비밀 힌트를 만들 때 씁니다.

사용법

{{주석2|(표시되는 내용)|(메시지)|class=(메시지에 적용할 클래스)}}

클래스는 기본적으로 messagebox를 사용합니다.

예시

* {{주석2|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.}}

커서를 여기에 갖다대거나 터치하세요!이렇게 메시지가 표시됩니다.

도보시오

@@ 1번째 줄: / 1번째 줄: @@
-<onlyinclude><span title="{{{2}}}" style="font-weight:bolder;color:{{{3|}}};">{{{1}}}</span></onlyinclude>
+<onlyinclude>{{#css:
+.tooltip {
+	display: inline-block;
+}
+.tooltip:hover .tooltip-msg {
+    display: block;
+    position: absolute;
+    padding: 0.25em 0.75em;
+}
+.tooltip-msg {
+    display: none;
+    width: auto;
+    font-size: 100%;
+    cursor: auto;
+}
+.tooltip-msg img {
+    margin-right: 0.5em !important;
+}
+}}<span class="tooltip"><span class="tooltip-display">{{{1}}}</span><span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude>
-{{틀|주석}}과는 다르게 물음표가 표시되지 않습니다. 비밀 힌트를 만들 때 씁니다.
+텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. {{틀|주석}}과는 다르게 물음표가 표시되지 않습니다. 비밀 힌트를 만들 때 씁니다.
 == 사용법 ==
-<pre>{{주석2|본문|주석|green}}</pre>
+<pre>{{주석2|(표시되는 내용)|(메시지)|class=(메시지에 적용할 클래스)}}</pre>
-위와 같은 코드를 문서 내에 넣으면 다음과 걑이 표출됩니다: {{주석2|본문|주석|green}}
+클래스는 기본적으로 <code>messagebox</code>를 사용합니다.
-== 같이 보기 ==
+== 예시 ==
+<pre>* {{주석2|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.}}</pre>
+* {{주석2|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.}}
+== [[도보시오]] ==
 * [[틀:주석]]
+* [[틀:링크경고]]
 [[분류:특수 효과용 틀]]