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;" onmouseover="this.querySelector('.dropdown-menu').style.display='block'" onmouseout="this.querySelector('.dropdown-menu').style.display='none'"> | ||
<div style="background:#f9f9f9;padding:6px 10px;border:1px solid #ccc;border-radius:4px;display:inline-block;cursor:default;"> | <div style="background:#f9f9f9;padding:6px 10px;border:1px solid #ccc;border-radius:4px;display:inline-block;cursor:default;"> | ||
{{{1}}} ▼ | {{{1}}} ▼ | ||
</div> | </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;"> | <div class="dropdown-menu" 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;"> | <ul style="margin:0;padding:0;list-style:none;"> | ||
{{#if:{{{2|}}}|<li style="padding:8px 12px;">{{{2}}}</li>}} | {{#if:{{{2|}}}|<li style="padding:8px 12px;">{{{2}}}</li>}} | ||
| Line 13: | Line 13: | ||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
Revision as of 04:14, 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?)