Template:MenuBox: Difference between revisions
Jump to navigation
Jump to search
(ensure that the header is always above the bg image; prevent image overflow) |
(removed need for <span>, made width automatic) |
||
| Line 1: | Line 1: | ||
<includeonly><div style="position:relative;margin:0 0 1em 1em;{{#if: {{{nofloat|}}} | display:inline-block; | float:right;}}"> | <includeonly><div style="position:relative;margin:0 0 1em 1em;{{#if: {{{nofloat|}}} | display:inline-block; | float:right;}}"> | ||
<div class="navbox" style="border:2px solid {{{bdcolor|#525252 | <div class="navbox" style="border:2px solid {{{bdcolor|#525252}}}; text-align:left;background:{{{bgcolor|#323232}}};"> | ||
<div style="text-align:center; padding:.6em; background-color:{{{bgcolor2|#262626}}}; border-bottom: 2px solid {{{bdcolor2|{{{bgcolor2}}}}}}; font-size:1em;position:relative;z-index:1">{{#if: {{{icon|}}} | {{{icon}}} }} '''[[{{#if: {{{link|}}} | {{{link}}} | {{{title}}} }}|{{#if: {{{title|}}} | {{{title}}} | {{{link}}} }}]]'''</div> | <div style="text-align:center; padding:.6em; background-color:{{{bgcolor2|#262626}}}; border-bottom: 2px solid {{{bdcolor2|{{{bgcolor2}}}}}}; font-size:1em;position:relative;z-index:1">{{#if: {{{icon|}}} | {{{icon}}} }} '''[[{{#if: {{{link|}}} | {{{link}}} | {{{title}}} }}|{{#if: {{{title|}}} | {{{title}}} | {{{link}}} }}]]'''</div> | ||
<div class="navbox-text" style="position:relative; padding:.8em; z-index:1; {{#if: {{{txtcolor|}}} | color: {{{txtcolor|}}} }}">{{{text} | <div class="navbox-text" style="position:relative; padding:.8em 3.2em .8em .8em; z-index:1; {{#if: {{{txtcolor|}}} | color: {{{txtcolor|}}} }}"> | ||
{{{text}}} | |||
</div> | </div> | ||
</div></includeonly><noinclude> | {{#if: {{{bgimage|}}} | <div style="position:absolute;bottom:2px;z-index:0;overflow:hidden;">[[File:{{{bgimage|}}}{{!}}link={{!}}alt=]]</div> }} | ||
</div> | |||
</div> | |||
</includeonly><noinclude> | |||
Create a floating right navigation box. | Create a floating right navigation box. | ||
== Simple example == | == Simple example == | ||
{{MenuBox | {{MenuBox | ||
|title= Main Page | |title= Main Page | ||
|icon= [[File:Icon hl2.png|link=Half-Life 2]] | |icon= [[File:Icon hl2.png|link=Half-Life 2]] | ||
|text= | |text= | ||
# MenuBox List Item 1 | # MenuBox List Item 1 | ||
# MenuBox List Item 2 | # MenuBox List Item 2 | ||
| Line 21: | Line 24: | ||
# MenuBox List Item 6 | # MenuBox List Item 6 | ||
# MenuBox List Item 7 | # MenuBox List Item 7 | ||
}} | }} | ||
<pre> | <pre> | ||
| Line 27: | Line 29: | ||
|title= Main Page | |title= Main Page | ||
|icon= [[File:Icon hl2.png|link=Half-Life 2]] | |icon= [[File:Icon hl2.png|link=Half-Life 2]] | ||
|text= | |text= | ||
# MenuBox List Item 1 | # MenuBox List Item 1 | ||
# MenuBox List Item 2 | # MenuBox List Item 2 | ||
| Line 35: | Line 37: | ||
# MenuBox List Item 6 | # MenuBox List Item 6 | ||
# MenuBox List Item 7 | # MenuBox List Item 7 | ||
}}</pre> | }}</pre> | ||
Revision as of 08:38, 15 September 2011
Create a floating right navigation box.
Simple example
{{MenuBox
|title= Main Page
|icon= [[File:Icon hl2.png|link=Half-Life 2]]
|text=
# MenuBox List Item 1
# MenuBox List Item 2
# MenuBox List Item 3
# MenuBox List Item 4
# MenuBox List Item 5
# MenuBox List Item 6
# MenuBox List Item 7
}}
All parameters
{{MenuBox
|title = page to link at top
|link = alternative link for the title
|icon = a file link that will be placed before the title
|text = content text
|txtcolor = color of the content text
|bgcolor = main background color
|bgcolor2 = title box color
|bdcolor = outer border color
|bdcolor2 = bottom border on title box
|bgimage = image to appear in background
|nofloat = set true to appear inline
}}