Template:Sandbox/Aurelain/Hint: Difference between revisions
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
--><span class="wiki-hint <!-- | --><span class="wiki-hint <!-- | ||
-->wiki-hint-{{{side|top}}} <!-- | -->wiki-hint-{{{side|top}}} <!-- | ||
--> | -->{{#ifexpr: {{#pos: {{{1|}}} | File }} >= 0 or {{{subtle|0}}}=1 | wiki-hint-no-border }} <!-- | ||
-->"<!-- | -->"<!-- | ||
-->><!-- | -->><!-- | ||
Revision as of 08:35, 21 July 2026
A minor tooltip for short descriptions. As opposed to the "title" attribute, it has the following advantages:
- It's instant upon hover (has no delay)
- It uses a skin customized for Olden Era
- Wraps the text if too long
- Can be placed top/left/right/bottom. Defaults to "top".
Usage
1. Basic:
Input: {{Sandbox/Aurelain/Hint | Hello | World}}
Output: <span class="wiki-hint wiki-hint-top Expression error: Unexpected >= operator. "> Hello World
2. With images. In such cases, the subtle underline is automatically removed.
Input: {{Sandbox/Aurelain/Hint | [[File:Icon_Resource_Wood.png]] | Wood}}
Output: 
Wood
3. With a lot of text
Input: {{Sandbox/Aurelain/Hint | Lorem | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.}}
Output: <span class="wiki-hint wiki-hint-top Expression error: Unexpected >= operator. "> Lorem Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
4. Placed at the bottom:
Input: {{Sandbox/Aurelain/Hint | Hello | World | side=bottom}}
Output: <span class="wiki-hint wiki-hint-bottom Expression error: Unexpected >= operator. "> Hello World
5. Placed to the left:
Input: {{Sandbox/Aurelain/Hint | Hello | World | side=left}}
Output: <span class="wiki-hint wiki-hint-left Expression error: Unexpected >= operator. "> Hello World
6. Placed to the right:
Input: {{Sandbox/Aurelain/Hint | Hello | World | side=right}}
Output: <span class="wiki-hint wiki-hint-right Expression error: Unexpected >= operator. "> Hello World
7. With a custom style on the floating hint:
Input: {{Sandbox/Aurelain/Hint | Hello | World | style=max-width:none;width:300px}}
Output: <span class="wiki-hint wiki-hint-top Expression error: Unexpected >= operator. "> Hello World
8. With a custom class on the floating hint:
Input: {{Sandbox/Aurelain/Hint | Hello | World | class=my-class}}
Output: <span class="wiki-hint wiki-hint-top Expression error: Unexpected >= operator. "> Hello World
9. With no bottom border (subtle=1):
Input: {{Sandbox/Aurelain/Hint | Hello | World | subtle=1}}
Output: <span class="wiki-hint wiki-hint-top Expression error: Unexpected >= operator. "> Hello World
