틀:툴팁: 두 판 사이의 차이
imported>Hsl0 편집 요약 없음 |
imported>Hsl0 편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
<onlyinclude>{{#css: | <onlyinclude>{{#css: | ||
.tooltip-symbol { | |||
border-bottom: 1px dashed #3399FF; | |||
cursor: help; | |||
} | |||
.tooltip-symbol::after { | |||
content: "?"; | |||
color: #0000FF; | |||
vertical-align: super; | |||
font-size: smaller; | |||
font-weight: bold; | |||
text-decoration: none; | |||
display: inline-block; | |||
} | |||
.tooltip:hover .tooltip-msg { | .tooltip:hover .tooltip-msg { | ||
display: block; | display: block; | ||
15번째 줄: | 30번째 줄: | ||
margin-right: 0.5em !important; | margin-right: 0.5em !important; | ||
} | } | ||
}}<span class="tooltip">{{{1}}}<span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude> | }}<span class="tooltip {{boolean|{{{sym|0}}}|tooltip-symbol}}">{{{1}}}<span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude> | ||
텍스트에 마우스를 댔을 때 메시지를 표시합니다. | 텍스트에 마우스를 댔을 때 메시지를 표시합니다. | ||
<pre>{{툴팁|(표시되는 내용)|(메시지)|class=(메시지에 적용할 클래스)}}</pre> | <pre>{{툴팁|(표시되는 내용)|(메시지)|sym=(심볼 표시여부)|class=(메시지에 적용할 클래스)}}</pre> | ||
== 예시 == | == 예시 == |