imported>Hsl0 |
|
(사용자 3명의 중간 판 10개는 보이지 않습니다) |
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> |
| .ref-symbol {
| |
| border-bottom: 1px dashed #3399FF;
| |
| 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;
| |
| position: absolute;
| |
| padding: 0.25em 0.75em;
| |
| }
| |
| | |
| .tooltip-msg {
| |
| display: none;
| |
| width: auto;
| |
| font-size: 100%;
| |
| }
| |
| | |
| .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>
| |
|
| |
|
| 텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. | | 텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. |
45번째 줄: |
14번째 줄: |
| == [[도보시오]] == | | == [[도보시오]] == |
| * [[틀:주석]] | | * [[틀:주석]] |
| | * [[틀:주석2]] |
| * [[틀:링크경고]] | | * [[틀:링크경고]] |
| | |
| | [[분류:특수 효과용 틀]] |
2024년 6월 22일 (토) 15:20 기준 최신판
{{{1}}}{{{2}}}
텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다.
{{툴팁|(표시되는 내용)|(메시지)|sym=(심볼 표시여부)|class=(메시지에 적용할 클래스)}}
심볼은 기본적으로 표시되지 않습니다. 클래스는 기본적으로 messagebox
를 사용합니다.
* {{툴팁|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.|sym=1}}
- 커서를 여기에 갖다대거나 터치하세요!이렇게 메시지가 표시됩니다.