Template:Sandbox/Aurelain/Hint: Difference between revisions
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
-->"<!-- | -->"<!-- | ||
-->><!-- | -->><!-- | ||
-->{{{1}}}<span class="wiki-hint-floating">{{{2}}}</span><!-- | -->{{{1}}}<span class="wiki-hint-floating" style="width:{{{width|}}}px">{{{2}}}</span><!-- | ||
--></span><!-- | --></span><!-- | ||
################################################################################ | ################################################################################ | ||
| Line 39: | Line 39: | ||
---- | ---- | ||
4. Placed at the | 4. Placed at the {{b|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 46: | Line 46: | ||
---- | ---- | ||
5. Placed to the | 5. Placed to the {{b|left}}: | ||
{{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | side=left}}</nowiki></code> | {{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | side=left}}</nowiki></code> | ||
| Line 53: | Line 53: | ||
---- | ---- | ||
6. Placed to the | 6. Placed to the {{b|right}}: | ||
{{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | side=right}}</nowiki></code> | {{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | side=right}}</nowiki></code> | ||
{{Color|lime|Output:}} {{Sandbox/Aurelain/Hint | Hello | World | side=right}} | {{Color|lime|Output:}} {{Sandbox/Aurelain/Hint | Hello | World | side=right}} | ||
---- | |||
7. With a custom {{b|width}}: | |||
{{Color|yellow|Input:}} <code><nowiki>{{Sandbox/Aurelain/Hint | Hello | World | width=200}}</nowiki></code> | |||
{{Color|lime|Output:}} {{Sandbox/Aurelain/Hint | Hello | World | width=200}} | |||
</noinclude> | </noinclude> | ||
Revision as of 16:07, 30 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. Basic:
Input: {{Sandbox/Aurelain/Hint | Hello | World}}
Output: 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: 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=left}}
Output: Hello World
6. Placed to the right:
Input: {{Sandbox/Aurelain/Hint | Hello | World | side=right}}
Output: Hello World
7. With a custom width:
Input: {{Sandbox/Aurelain/Hint | Hello | World | width=200}}
Output: Hello World
