틀:주석2: 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
(틀:툴팁 기반으로 수정)
편집 요약 없음
 
1번째 줄: 1번째 줄:
<onlyinclude>{{#css:
<onlyinclude>{{주석2/CSS}}<span class="tooltip"><span class="tooltip-display">{{{1}}}</span><span class="tooltip-msg {{{class|messagebox}}}">{{{2}}}</span></span></onlyinclude>
.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>


텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. {{틀|주석}}과는 다르게 물음표가 표시되지 않습니다. 비밀 힌트를 만들 때 씁니다.
텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. {{틀|주석}}과는 다르게 물음표가 표시되지 않습니다. 비밀 힌트를 만들 때 씁니다.

2024년 6월 20일 (목) 21:57 기준 최신판

{{{1}}}{{{2}}}

텍스트에 마우스를 댔을 때 바로 아래에 메시지를 표시합니다. {{주석}}과는 다르게 물음표가 표시되지 않습니다. 비밀 힌트를 만들 때 씁니다.

사용법[원본 편집]

{{주석2|(표시되는 내용)|(메시지)|class=(메시지에 적용할 클래스)}}

클래스는 기본적으로 messagebox를 사용합니다.

예시[원본 편집]

* {{주석2|커서를 여기에 갖다대거나 터치하세요!|이렇게 메시지가 표시됩니다.}}
  • 커서를 여기에 갖다대거나 터치하세요!이렇게 메시지가 표시됩니다.

도보시오[원본 편집]