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

2024년 6월 22일 (토) 15:20 기준 최신판

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

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

사용법[원본 편집]

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

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

예시[원본 편집]

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

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

도보시오[원본 편집]

@@ 1번째 줄: / 1번째 줄: @@
-<onlyinclude>{{#css:
+<onlyinclude>{{툴팁/CSS}}<span class="tooltip"><span class="tooltip-display {{boolean|{{{sym|0}}}|ref-symbol}}">{{{1}}}</span><span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude>
-.linkmsg a {
-    border-bottom: 1px dashed #ff3399;
-}
-.linkmsg a::after {
+텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다.
-    content: "!";
-    color: #ff0000;
-    vertical-align: super;
-    font-size: smaller;
-    font-weight: bold;
-    text-decoration: none;
-    display: inline-block;
-}
-.linkmsg:hover .linkmsg-content {
+== 사용법 ==
-    display: block;
+<pre>{{툴팁|(표시되는 내용)|(메시지)|sym=(심볼 표시여부)|class=(메시지에 적용할 클래스)}}</pre>
-    position: absolute;
-    padding: 0.25em 0.75em;
-}
-.linkmsg-content {
+심볼은 기본적으로 표시되지 않습니다. 클래스는 기본적으로 <code>messagebox</code>를 사용합니다.
-    display: none;
-    width: auto;
-    font-size: 100%;
-}
-.linkmsg-content img {
+== 예시 ==
-    margin-right: 0.5em !important;
+<pre>* {{툴팁|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.|sym=1}}</pre>
-}
+* {{툴팁|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.|sym=1}}
-}}<span class="linkmsg">{{{1}}}<span class="linkmsg-content {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude>
-링크에 마우스를 댔을 때 메시지를 표시합니다. 개인정보 수집알림이나 자동저장 알림의 용도로 사용하면 좋습니다.
+== [[도보시오]] ==
+* [[틀:주석]]
+* [[틀:주석2]]
+* [[틀:링크경고]]
-<pre>{{링크안내|(링크)|(메시지)|class=(메시지에 적용할 클래스)}}</pre>
+[[분류:특수 효과용 틀]]
-== 추천 클래스 ==
-;messagebox (기본값)
-* {{링크안내|{{가짜 링크|messagebox}}|messagebox 클래스가 적용된 메시지입니다.|class=messagebox}}
-;warningbox
-* {{링크안내|{{가짜 링크|warningbox}}|warningbox 클래스가 적용된 메시지입니다.|class=warningbox}}
-;errorbox
-* {{링크안내|{{가짜 링크|errorbox}}|errorbox 클래스가 적용된 메시지입니다.|class=errorbox}}