틀:툴팁: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
imported>Hsl0 (→예시) |
>BANIP (common.css 내용 이동) |
||
| (다른 사용자 한 명의 중간 판 15개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude>{{#css: | <onlyinclude>{{#css: | ||
.tooltip | .tooltip { | ||
display: inline-block; | |||
} | } | ||
.tooltip:hover .tooltip-msg { | .tooltip:hover .tooltip-msg { | ||
display: block; | display: block; | ||
| 20번째 줄: | 8번째 줄: | ||
padding: 0.25em 0.75em; | padding: 0.25em 0.75em; | ||
} | } | ||
.tooltip-msg { | .tooltip-msg { | ||
display: none; | display: none; | ||
width: auto; | width: auto; | ||
font-size: 100%; | font-size: 100%; | ||
cursor: auto; | |||
} | } | ||
.tooltip-msg img { | .tooltip-msg img { | ||
margin-right: 0.5em !important; | margin-right: 0.5em !important; | ||
} | } | ||
}}<span class="tooltip {{boolean|{{{sym|0}}}| | }}<span class="tooltip"><span class="tooltip-display {{boolean|{{{sym|0}}}|ref-symbol}}">{{{1}}}</span><span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude> | ||
텍스트에 마우스를 댔을 때 메시지를 표시합니다. | 텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. | ||
== 사용법 == | |||
<pre>{{툴팁|(표시되는 내용)|(메시지)|sym=(심볼 표시여부)|class=(메시지에 적용할 클래스)}}</pre> | <pre>{{툴팁|(표시되는 내용)|(메시지)|sym=(심볼 표시여부)|class=(메시지에 적용할 클래스)}}</pre> | ||
심볼은 기본적으로 표시되지 않습니다. 클래스는 기본적으로 <code>messagebox</code>를 사용합니다. | |||
== 예시 == | == 예시 == | ||
<pre>* {{툴팁|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.|sym=1}}</pre> | |||
* {{툴팁|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.|sym=1}} | * {{툴팁|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.|sym=1}} | ||
== [[도보시오]] == | == [[도보시오]] == | ||
* [[틀:주석]] | |||
* [[틀:링크경고]] | * [[틀:링크경고]] | ||
[[분류:특수 효과용 틀]] | |||