Template:NavBar: Difference between revisions
Jump to navigation
Jump to search
Navigation bar
THIS TEMPLATE SHOULD NOT BE EDITED UNLESS ABSOLUTELY NESSESARY
Navigation bar
Navigation bar
m (Slight shading tweak) |
m (Fixed a really dumb error) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
<div style="display: flex"> | <div style="display: flex"> | ||
<!-- Cell 1 start --> | <!-- Cell 1 start --> | ||
<div style="padding: .5em; background: {{{color|#444444}}} | <div style="padding: .5em; background: {{{color|#444444}}}3e; width: 20%; color: #FFF; font-size: 105%; border-radius: {{#if:{{{tabs|}}}|0 0 0 0;| 0 0 0 1em;}}; color: #202122"> | ||
<center>''' [[Main Page|Return to Main page]]'''</center> | <center>''' {{{MainpageLink|[[Main Page|Return to Main page]]}}}'''</center> | ||
</div> | </div> | ||
<!-- Cell 1 end --> | <!-- Cell 1 end --> | ||
<!-- Cell 2 start --> | <!-- Cell 2 start --> | ||
<div style="padding: .5em; background: {{{color|#444444}}} | <div style="padding: .5em; background: {{{color|#444444}}}3e; width: 20%; color: #FFF; font-size: 105%; color: #202122"> | ||
<center>'''[[ | <center>'''[[Policy portal]]'''</center> | ||
</div> | </div> | ||
<!-- Cell 2 end --> | <!-- Cell 2 end --> | ||
<!-- Cell 3 start --> | <!-- Cell 3 start --> | ||
<div style="padding: .5em; background: {{{color|#444444}}} | <div style="padding: .5em; background: {{{color|#444444}}}3e; width: 20%; color: #FFF; font-size: 105%; color: #202122"> | ||
<center>'''[[Jobs]]'''</center> | <center>'''[[Jobs portal]]'''</center> | ||
</div> | </div> | ||
<!-- Cell 3 end --> | <!-- Cell 3 end --> | ||
<!-- Cell 4 start --> | <!-- Cell 4 start --> | ||
<div style="padding: .5em; background: {{{color|#444444}}} | <div style="padding: .5em; background: {{{color|#444444}}}3e; width: 20%; color: #FFF; font-size: 105%; color: #202122"> | ||
<center>'''[[Guides]]'''</center> | <center>'''[[Guides portal]]'''</center> | ||
</div> | </div> | ||
<!-- Cell 4 end --> | <!-- Cell 4 end --> | ||
<!-- Cell 5 start --> | <!-- Cell 5 start --> | ||
<div style="padding: .5em; background: {{{color|#444444}}} | <div style="padding: .5em; background: {{{color|#444444}}}3e; width: 20%; color: #FFF; font-size: 105%; border-radius: {{#if:{{{tabs|}}}|0 0 0 0;| 0 0 1em 0;}}; color: #202122"> | ||
<center>'''[[Lore]]'''</center> | <center>'''[[Lore portal]]'''</center> | ||
</div> | </div> | ||
<!-- Cell 5 end --> | <!-- Cell 5 end --> | ||
| Line 39: | Line 39: | ||
*<code>color</code> Controls the color in this template. | *<code>color</code> Controls the color in this template. | ||
*<code>tabs</code> Controls the lower open box on this template, input for this is left open but should be used to create buttons to link to different parts of the wiki. See | *<code>MainpageLink</code> Controls the main page link. This should either be: <code><nowiki>[[Main Page]]</nowiki></code> or <code><nowiki>[[Main Page|Return to Main page]]</nowiki></code>. | ||
*<code>tabs</code> Controls the lower open box on this template, input for this is left open but should be used to create buttons to link to different parts of the wiki. See the examples for how to do this. | |||
=== Use case examples === | === Use case examples === | ||
Latest revision as of 00:20, 19 March 2023
How to use this template
This template has several parameters and all of them will be displayed in the example below.
colorControls the color in this template.MainpageLinkControls the main page link. This should either be:[[Main Page]]or[[Main Page|Return to Main page]].tabsControls the lower open box on this template, input for this is left open but should be used to create buttons to link to different parts of the wiki. See the examples for how to do this.
Use case examples
{{Template:NavBar
| color = #005C53
| tabs = PLACEHOLDER!
}}
These parameters will result in the following:
PLACEHOLDER!
A slightly more advanced example
{{Template:NavBar
| color = #005C53
| tabs =
<div style="display:flex;">
<div style="background: #2A96339e; width: 33.3%; border-radius: 0 0 0 1em;">TEST BUTTON 1</div>
<div style="background: #BA56569e; width: 33.3%; border-radius: 0 0 0 0;">TEST BUTTON 2</div>
<div style="background: #127BB79e; width: 33.4%; border-radius: 0 0 1em 0;">TEST BUTTON 3</div>
</div>
}}
These parameters will result in the following:
TEST BUTTON 1
TEST BUTTON 2
TEST BUTTON 3