Template:MenuBox: Difference between revisions
Jump to navigation
Jump to search
(added icon parameter) |
(ensure that the header is always above the bg image; prevent image overflow) |
||
| 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}}}; width:{{{width|16em}}};text-align:left;background:{{{bgcolor|#323232}}};"> | <div class="navbox" style="border:2px solid {{{bdcolor|#525252}}}; width:{{{width|16em}}};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;">{{#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> | <div class="navbox-text" style="position:relative; padding:.8em; z-index:1; {{#if: {{{txtcolor|}}} | color: {{{txtcolor|}}} }}">{{{text}}}</div> | ||
{{#if: {{{bgimage|}}} | <div style="position:absolute;bottom: | {{#if: {{{bgimage|}}} | <div style="position:absolute;bottom:2px;z-index:0;width:{{{width|16em}}};overflow:hidden;">[[File:{{{bgimage|}}}{{!}}link={{!}}alt=]]</div> }} | ||
</div> | </div> | ||
</div></includeonly><noinclude> | </div></includeonly><noinclude> | ||
Revision as of 03:28, 6 July 2011
Create a floating right navigation box.
Simple example
The <span> tags are necessary if the first element in the MenuBox text is a bullet or numbered list item.
{{MenuBox
|title= Main Page
|icon= [[File:Icon hl2.png|link=Half-Life 2]]
|text= <span>
# 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
</span>
}}
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
}}