틀:주석2: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
(새 문서: <onlyinclude><span title="{{{2}}}" style="font-weight:bolder;color={{{3|Black}};">{{{1}}}</span></onlyinclude>{{-}} {{틀|주석}}과는 다르게 화살표가 표시되지 않습니...) |
>Hsl0 (틀:툴팁 기반으로 수정) |
||
| (사용자 3명의 중간 판 7개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude><span | <onlyinclude>{{#css: | ||
{{틀|주석}}과는 다르게 | .tooltip { | ||
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%; | |||
cursor: auto; | |||
} | |||
.tooltip-msg img { | |||
margin-right: 0.5em !important; | |||
} | |||
}}<span class="tooltip"><span class="tooltip-display">{{{1}}}</span><span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude> | |||
텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. {{틀|주석}}과는 다르게 물음표가 표시되지 않습니다. 비밀 힌트를 만들 때 씁니다. | |||
== 사용법 == | == 사용법 == | ||
< | <pre>{{주석2|(표시되는 내용)|(메시지)|class=(메시지에 적용할 클래스)}}</pre> | ||
클래스는 기본적으로 <code>messagebox</code>를 사용합니다. | |||
== 예시 == | |||
<pre>* {{주석2|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.}}</pre> | |||
* {{주석2|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.}} | |||
== [[도보시오]] == | |||
* [[틀:주석]] | |||
* [[틀:링크경고]] | |||
[[분류:특수 효과용 틀]] | |||