Template:Wiki navbar: Difference between revisions

From Skyrat
Jump to navigation Jump to search
← Older edit
VisualWikitext
m Tiny tweaks to Icon color parameter
m Link tweak for the C6 Icon
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="border-radius: .2em .2em .5em .5em; margin: 1em 1em 1em 1em; background: {{{BGcolor|#444444}}}; margin-left: auto; margin-right: auto;">
<div style="border-radius: .2em .2em .5em .5em; margin: 1em 1em 1em 1em; background: {{{BGcolor|#444444}}}; margin-left: auto; margin-right: auto;">
<div style="background: {{{BGcolor|#444444}}}; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; font-size: 120%"><center>'''Navigation bar'''</center></div>
<div style="background: {{{BGcolor|#444444}}}; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; font-size: 120%"><center><span style="float:left; font-size: 115%">{{#fas:compass}}</span>'''Navigation bar'''<span style="float:right; font-size: 115%">{{#fas:compass}}</span></center></div>
<div style="border: solid {{{LINEcolor|#000000}}}; border-width: 0 0 .15em 0;"></div>
<div style="border: solid {{{LINEcolor|#000000}}}; border-width: 0 0 .15em 0;"></div>
<div style="display: flex;">
<div style="display: flex;">
Line 6: Line 6:
<div style="background: {{{C1outBGcolor|#444444}}}; border-radius: {{{C1outBORDRAD|0 0 0 .2em}}}; border: solid {{{C1lineBGcolor|#000000}}}; width: 20%; border-width: {{{C1lineWIDTH|0 0 0 0}}}; box-shadow: {{{C1outSHA|0 0 .3em #999}}};">
<div style="background: {{{C1outBGcolor|#444444}}}; border-radius: {{{C1outBORDRAD|0 0 0 .2em}}}; border: solid {{{C1lineBGcolor|#000000}}}; width: 20%; border-width: {{{C1lineWIDTH|0 0 0 0}}}; box-shadow: {{{C1outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C1inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C1inSHA|0 0 0 #999}}};">
<div style="padding: .5em; background: {{{C1inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C1inSHA|0 0 0 #999}}};">
<center>[[Main Page|<span style="font-size: 300%; color: {{{C1ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:home}}</span>]]<br>
<center>[[Main Page|<span style="font-size: 250%; color: {{{C1ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:home}}</span>]]<br>
<span style="font-size:110%">'''[[Main Page|Return to Main page]]'''</span></center>
'''{{{C1TEXTOPT|[[Main Page|<span style="font-size:110%; color: {{{C1TEXTcolor|#FFF}}};">Return to Main page</span>]]}}}'''</center>
</div>
</div>
</div>
</div>
Line 14: Line 14:
<div style="background: {{{C2outBGcolor|#444444}}}; border-radius: {{{C2outBORDRAD|0 0 0 0}}}; border: solid {{{C2lineBGcolor|#000000}}}; width: 20%; border-width: {{{C2lineWIDTH|0 0 0 0}}}; box-shadow: {{{C2outSHA|0 0 .3em #999}}};">
<div style="background: {{{C2outBGcolor|#444444}}}; border-radius: {{{C2outBORDRAD|0 0 0 0}}}; border: solid {{{C2lineBGcolor|#000000}}}; width: 20%; border-width: {{{C2lineWIDTH|0 0 0 0}}}; box-shadow: {{{C2outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C2inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C2inSHA|0 0 0 #999}}};">
<div style="padding: .5em; background: {{{C2inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C2inSHA|0 0 0 #999}}};">
<center>[[Rules|<span style="font-size: 300%; color: {{{C2ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:gavel}}</span>]]<br>
<center>[[Policies|<span style="font-size: 250%; color: {{{C2ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:gavel}}</span>]]<br>
<span style="font-size:110%">'''[[Rules|Server rules]]'''</span></center>
'''{{{C2TEXTOPT|[[Policies|<span style="font-size:110%; color: {{{C2TEXTcolor|#FFF}}};">Skyrat policies</span>]]}}}'''</center>
</div>
</div>
</div>
</div>
Line 22: Line 22:
<div style="background: {{{C3outBGcolor|#444444}}}; border-radius: {{{C3outBORDRAD|0 0 0 0}}}; border: solid {{{C3lineBGcolor|#000000}}}; width: 20%; border-width: {{{C3lineWIDTH|0 0 0 0}}}; box-shadow: {{{C3outSHA|0 0 .3em #999}}};">
<div style="background: {{{C3outBGcolor|#444444}}}; border-radius: {{{C3outBORDRAD|0 0 0 0}}}; border: solid {{{C3lineBGcolor|#000000}}}; width: 20%; border-width: {{{C3lineWIDTH|0 0 0 0}}}; box-shadow: {{{C3outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C3inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C3inSHA|0 0 0 #999}}};">
<div style="padding: .5em; background: {{{C3inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C3inSHA|0 0 0 #999}}};">
<center>[[Jobs|<span style="font-size: 300%; color: {{{C3ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:address-card}}</span>]]<br>
<center>[[Jobs|<span style="font-size: 250%; color: {{{C3ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:address-card}}</span>]]<br>
<span style="font-size:110%">'''[[Jobs]]'''</span></center>
'''{{{C3TEXTOPT|[[Jobs|<span style="font-size:110%; color: {{{C3TEXTcolor|#FFF}}};">Jobs</span>]]}}}'''</center>
</div>
</div>
</div>
</div>
Line 30: Line 30:
<div style="background: {{{C4outBGcolor|#444444}}}; border-radius: {{{C4outBORDRAD|0 0 0 0}}}; border: solid {{{C4lineBGcolor|#000000}}}; width: 20%; border-width: {{{C4lineWIDTH|0 0 0 0}}}; box-shadow: {{{C4outSHA|0 0 .3em #999}}};">
<div style="background: {{{C4outBGcolor|#444444}}}; border-radius: {{{C4outBORDRAD|0 0 0 0}}}; border: solid {{{C4lineBGcolor|#000000}}}; width: 20%; border-width: {{{C4lineWIDTH|0 0 0 0}}}; box-shadow: {{{C4outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C4inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C4inSHA|0 0 0 #999}}};">
<div style="padding: .5em; background: {{{C4inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C4inSHA|0 0 0 #999}}};">
<center>[[Guides|<span style="font-size: 300%; color: {{{C4ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:info-circle}}</span>]]<br>
<center>[[Guides|<span style="font-size: 250%; color: {{{C4ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:info-circle}}</span>]]<br>
<span style="font-size:110%">'''[[Guides]]'''</span></center>
'''{{{C4TEXTOPT|[[Guides|<span style="font-size:110%; color: {{{C4TEXTcolor|#FFF}}};">Guides</span>]]}}}'''</center>
</div>
</div>
</div>
</div>
<!-- End cell 4 -->
<!-- End cell 4 -->
<!-- Start cell 5 -->
<!-- Start cell 5 -->
<div style="background: {{{C5outBGcolor|#444444}}}; border-radius: {{{C5outBORDRAD|0 0 .2em 0}}}; border: solid {{{C5lineBGcolor|#000000}}}; width: 20%; border-width: {{{C5lineWIDTH|0 0 0 0}}}; box-shadow: {{{C5outSHA|0 0 .3em #999}}};">
<div style="background: {{{C5outBGcolor|#444444}}}; border-radius: {{{C5outBORDRAD|0 0 0 0}}}; border: solid {{{C5lineBGcolor|#000000}}}; width: 20%; border-width: {{{C5lineWIDTH|0 0 0 0}}}; box-shadow: {{{C5outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C5inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C5inSHA|0 0 0 #999}}};">
<div style="padding: .5em; background: {{{C5inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C5inSHA|0 0 0 #999}}};">
<center>[[Objects|<span style="font-size: 300%; color: {{{C5ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:wrench}}</span>]]<br>
<center>[[Objects|<span style="font-size: 250%; color: {{{C5ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:wrench}}</span>]]<br>
<span style="font-size:110%">'''[[Objects]]'''</span></center>
'''{{{C5TEXTOPT|[[Objects|<span style="font-size:110%; color: {{{C5TEXTcolor|#FFF}}};">Objects</span>]]}}}'''</center>
</div>
</div>
</div>
</div>
<!-- End cell 5 -->
<!-- End cell 5 -->
<!-- Start cell 6 -->
<div style="background: {{{C6outBGcolor|#444444}}}; border-radius: {{{C6outBORDRAD|0 0 .2em 0}}}; border: solid {{{C6lineBGcolor|#000000}}}; width: 20%; border-width: {{{C6lineWIDTH|0 0 0 0}}}; box-shadow: {{{C6outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C6inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C6inSHA|0 0 0 #999}}};">
<center>[[Skyrat lore|<span style="font-size: 250%; color: {{{C6ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:globe-europe}}</span>]]<br>
'''{{{C6TEXTOPT|[[Skyrat lore|<span style="font-size:110%; color: {{{C6TEXTcolor|#FFF}}};">Skyrat lore</span>]]}}}'''</center>
</div>
</div>
<!-- End cell 6 -->
</div></div><noinclude>
</div></div><noinclude>
=== Parameter description ===
=== Parameter description ===
Line 60: Line 68:
C#outBORDRAD = Controls the outside border radius.
C#outBORDRAD = Controls the outside border radius.
C#ICONcolor = Controls the value of an Icon in a cell (Set to either #202122 or #FFF)
C#ICONcolor = Controls the value of an Icon in a cell (Set to either #202122 or #FFF)
C#TEXTOPT = Controls the text of the link in a cell
C#TEXTcolor = Controls the color of the text in a cell (Default is set to #FFF)
--- All parameters without data look like this ---
{{Wiki navbar
|BGcolor =
|LINEcolor =
<!-- Cell parameters start -->
<!-- C1 -->
|C1TEXTOPT =
|C1outBGcolor =
|C1outSHA =
|C1inBGcolor =
|C1lineBGcolor =
|C1lineWIDTH =
|C1inSHA =
|C1outBORDRAD =
|C1ICONcolor =
<!-- C2 -->
|C2outBGcolor =
|C2outSHA =
|C2inBGcolor =
|C2lineBGcolor =
|C2lineWIDTH =
|C2inSHA =
|C2outBORDRAD =
|C2ICONcolor =
<!-- C3 -->
|C3outBGcolor =
|C3outSHA =
|C3inBGcolor =
|C3lineBGcolor =
|C3lineWIDTH =
|C3inSHA =
|C3outBORDRAD =
|C3ICONcolor =
<!-- C4 -->
|C4outBGcolor =
|C4outSHA =
|C4inBGcolor =
|C4lineBGcolor =
|C4lineWIDTH =
|C4inSHA =
|C4outBORDRAD =
|C4ICONcolor =
<!-- C5 -->
|C5outBGcolor =
|C5outSHA =
|C5inBGcolor =
|C5lineBGcolor =
|C5lineWIDTH =
|C5inSHA =
|C5outBORDRAD =
|C5ICONcolor =
<!-- C6 -->
|C6outBGcolor =
|C6outSHA =
|C6inBGcolor =
|C6lineBGcolor =
|C6lineWIDTH =
|C6inSHA =
|C6outBORDRAD =
|C6ICONcolor =
}}
</pre>
</pre>
[[Category:Templates]][[Category:Misc Styling Templates]]
[[Category:Templates]][[Category:Misc Styling Templates]]
</noinclude>
</noinclude>

Latest revision as of 02:01, 1 January 2023

Navigation bar

Parameter description

DO NOT EDIT THIS TEMPLATE UNLESS YOU KNOW EXACTLY WHAT YOU ARE DOING
BGcolor = Controls the main headers background color. Works with # color values.
LINEcolor = Controls the color of the horizontal line through the template. Works with # color values.

---CELL PARAMETERS--- (C# is the cell number. 1 = left 5 = right)

C#outBGcolor = Controls the color value of the outer background in any given cell
C#outSHA = Controls if a shadow is shown or not on the outside of the cell (Use 0 0 .3em #999 for shadow and 0 0 0 #999 for no shadow)
C#inBGcolor = Controls the color value of the inner background.
C#lineBGcolor = Controls the color value of the line. (Set to either #FFF or the same as LINEcolor)
C#lineWIDTH = Controls the width of line's between each cell (Set to .2em or .15em)
C#inSHA = Controls if a shadow is shown or not on the inside of the cell (Use 0 0 .3em #999 for shadow and 0 0 0 #999 for no shadow)
C#outBORDRAD = Controls the outside border radius.
C#ICONcolor = Controls the value of an Icon in a cell (Set to either #202122 or #FFF)
C#TEXTOPT = Controls the text of the link in a cell
C#TEXTcolor = Controls the color of the text in a cell (Default is set to #FFF)

--- All parameters without data look like this ---
{{Wiki navbar
|BGcolor = 
|LINEcolor = 
<!-- Cell parameters start -->
<!-- C1 -->
|C1TEXTOPT = 
|C1outBGcolor =
|C1outSHA =
|C1inBGcolor =
|C1lineBGcolor =
|C1lineWIDTH =
|C1inSHA =
|C1outBORDRAD =
|C1ICONcolor =
<!-- C2 -->
|C2outBGcolor =
|C2outSHA =
|C2inBGcolor =
|C2lineBGcolor =
|C2lineWIDTH =
|C2inSHA =
|C2outBORDRAD =
|C2ICONcolor =
<!-- C3 -->
|C3outBGcolor =
|C3outSHA =
|C3inBGcolor =
|C3lineBGcolor =
|C3lineWIDTH =
|C3inSHA =
|C3outBORDRAD =
|C3ICONcolor =
<!-- C4 -->
|C4outBGcolor =
|C4outSHA =
|C4inBGcolor =
|C4lineBGcolor =
|C4lineWIDTH =
|C4inSHA =
|C4outBORDRAD =
|C4ICONcolor =
<!-- C5 -->
|C5outBGcolor =
|C5outSHA =
|C5inBGcolor =
|C5lineBGcolor =
|C5lineWIDTH =
|C5inSHA =
|C5outBORDRAD =
|C5ICONcolor =
<!-- C6 -->
|C6outBGcolor =
|C6outSHA =
|C6inBGcolor =
|C6lineBGcolor =
|C6lineWIDTH =
|C6inSHA =
|C6outBORDRAD =
|C6ICONcolor =
}}
Retrieved from ‘http://wiki.skyrat13.space/index.php?title=Template:Wiki_navbar&oldid=12940’