틀:툴팁: 두 판 사이의 차이

2023년 7월 21일 (금) 13:58 기준 최신판

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

텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다.

{{툴팁|(표시되는 내용)|(메시지)|sym=(심볼 표시여부)|class=(메시지에 적용할 클래스)}}

심볼은 기본적으로 표시되지 않습니다. 클래스는 기본적으로 messagebox를 사용합니다.

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

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>{{#css:
-.ref-symbol {
+.tooltip {
-    border-bottom: 1px dashed #3399FF;
+	display: inline-block;
-    cursor: help;
 }
-.ref-symbol::after {
-    content: "?";
-    color: #0000FF;
-    vertical-align: super;
-    font-size: smaller;
-    font-weight: bold;
-    text-decoration: none;
-    display: inline-block;
-}
 .tooltip:hover .tooltip-msg {
      display: block;
@@ 20번째 줄: / 8번째 줄: @@
      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 {{boolean|{{{sym|0}}}|ref-symbol}}">{{{1}}}<span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude>
+}}<span class="tooltip"><span class="tooltip-display {{boolean|{{{sym|0}}}|ref-symbol}}">{{{1}}}</span><span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude>
 텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다.
@@ 46번째 줄: / 33번째 줄: @@
 * [[틀:주석]]
 * [[틀:링크경고]]
+[[분류:특수 효과용 틀]]