Template:Dropdown: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div style="position:relative;display:inline-block;"> | <div style="position:relative;display:inline-block;"> | ||
< | <div style="background:#f9f9f9;padding:6px 10px;border:1px solid #ccc;border-radius:4px;display:inline-block;cursor:default;"> | ||
{{{1}}} ▼ | {{{1}}} ▼ | ||
</ | </div> | ||
< | <div style="display:none;position:absolute;top:100%;left:0;min-width:150px;background:white;border:1px solid #aaa;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.15);z-index:999;"> | ||
<ul style="margin:0;padding:0;list-style:none;"> | |||
{{#if:{{{2|}}}|<li style="padding:8px 12px;">{{{2}}}</li>}} | |||
{{#if:{{{3|}}}|<li style="padding:8px 12px;">{{{3}}}</li>}} | |||
{{#if:{{{4|}}}|<li style="padding:8px 12px;">{{{4}}}</li>}} | |||
{{#if:{{{5|}}}|<li style="padding:8px 12px;">{{{5}}}</li>}} | |||
</ul> | |||
</div> | |||
</ | |||
</div> | </div> | ||
<style> | |||
div[style*="position:relative"]:hover div[style*="position:absolute"] { | |||
display: block !important; | |||
} | |||
</style> | |||
</includeonly> | </includeonly> | ||
Revision as of 04:13, 11 April 2025
Template documentation (for the above template, sometimes hidden or invisible)
adds a customizable dropdown menu like this one:
see w:c:dev:DropdownMenu for more information
Visit Template:Dropdown/doc to edit this text! (How does this work?)