Template:Sandbox/Aurelain/Hint: Difference between revisions
No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
* It's instant upon hover (has no delay) | * It's instant upon hover (has no delay) | ||
* It uses a skin customized for Olden Era | * It uses a skin customized for Olden Era | ||
* Wraps the text if too long | |||
* Can be placed top/left/right/bottom. Defaults to "top". | * Can be placed top/left/right/bottom. Defaults to "top". | ||
| Line 31: | Line 32: | ||
---- | ---- | ||
3. With | 3. With a lot of text | ||
{{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Lorem | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.}}</nowiki></code> | |||
{{Color|lime|Output:}} {{Sandbox/Aurelain/Hint | 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": | |||
{{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | side=bottom}}</nowiki></code> | {{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | side=bottom}}</nowiki></code> | ||
| Line 38: | Line 46: | ||
---- | ---- | ||
5. Placed to the "left": | |||
{{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | side=bottom}}</nowiki></code> | |||
{{Color|lime|Output:}} {{Sandbox/Aurelain/Hint | Hello | World | side=left}} | |||
---- | |||
6. Placed to the "right": | |||
{{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | | {{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | side=bottom}}</nowiki></code> | ||
{{Color|lime|Output:}} {{Sandbox/Aurelain/Hint | | {{Color|lime|Output:}} {{Sandbox/Aurelain/Hint | Hello | World | side=right}} | ||
</noinclude> | </noinclude> | ||
Revision as of 11:05, 23 June 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. For texts:
Input: {{Sandbox/Aurelain/Hint | Hello | World}}
Output: Hello World
2. For icons, pass a third parameter to disable the subtle border:
Input: {{Sandbox/Aurelain/Hint | [[File:Icon_Resource_Wood.png]] | Wood | 0}}
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: 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: Hello World
5. Placed to the "left":
Input: {{Sandbox/Aurelain/Hint | Hello | World | side=bottom}}
Output: Hello World
6. Placed to the "right":
Input: {{Sandbox/Aurelain/Hint | Hello | World | side=bottom}}
Output: Hello World


