틀:툴팁: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
imported>Hsl0 (새 문서: <onlyinclude>{{#css: .linkmsg a { border-bottom: 1px dashed #ff3399; } .linkmsg a::after { content: "!"; color: #ff0000; vertical-align: super; font-size: smaller...) |
>BANIP (common.css 내용 이동) |
||
| (다른 사용자 한 명의 중간 판 21개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude>{{#css: | <onlyinclude>{{#css: | ||
. | .tooltip { | ||
display: inline-block; | |||
} | } | ||
.tooltip:hover .tooltip-msg { | |||
. | |||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
padding: 0.25em 0.75em; | padding: 0.25em 0.75em; | ||
} | } | ||
.tooltip-msg { | |||
. | |||
display: none; | display: none; | ||
width: auto; | width: auto; | ||
font-size: 100%; | font-size: 100%; | ||
cursor: auto; | |||
} | } | ||
.tooltip-msg img { | |||
. | |||
margin-right: 0.5em !important; | margin-right: 0.5em !important; | ||
} | } | ||
}}<span class=" | }}<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> | |||
< | 심볼은 기본적으로 표시되지 않습니다. 클래스는 기본적으로 <code>messagebox</code>를 사용합니다. | ||
== | == 예시 == | ||
<pre>* {{툴팁|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.|sym=1}}</pre> | |||
* {{ | * {{툴팁|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.|sym=1}} | ||
== [[도보시오]] == | |||
* | * [[틀:주석]] | ||
* [[틀:링크경고]] | |||
[[분류:특수 효과용 틀]] | |||