Template:Wiki navbar: Difference between revisions

From Skyrat
Jump to navigation Jump to search
(Created this template)
 
m (Tiny tweaks to Icon color parameter)
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: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:home}}</span>]]<br>
<center>[[Main Page|<span style="font-size: 300%; 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>
<span style="font-size:110%">'''[[Main Page|Return to Main page]]'''</span></center>
</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: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:gavel}}</span>]]<br>
<center>[[Rules|<span style="font-size: 300%; color: {{{C2ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:gavel}}</span>]]<br>
<span style="font-size:110%">'''[[Rules|Server rules]]'''</span></center>
<span style="font-size:110%">'''[[Rules|Server rules]]'''</span></center>
</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: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:address-card}}</span>]]<br>
<center>[[Jobs|<span style="font-size: 300%; color: {{{C3ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:address-card}}</span>]]<br>
<span style="font-size:110%">'''[[Jobs]]'''</span></center>
<span style="font-size:110%">'''[[Jobs]]'''</span></center>
</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: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:info-circle}}</span>]]<br>
<center>[[Guides|<span style="font-size: 300%; color: {{{C4ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:info-circle}}</span>]]<br>
<span style="font-size:110%">'''[[Guides]]'''</span></center>
<span style="font-size:110%">'''[[Guides]]'''</span></center>
</div>
</div>
Line 38: Line 38:
<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 .2em 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: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:wrench}}</span>]]<br>
<center>[[Objects|<span style="font-size: 300%; color: {{{C5ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:wrench}}</span>]]<br>
<span style="font-size:110%">'''[[Objects]]'''</span></center>
<span style="font-size:110%">'''[[Objects]]'''</span></center>
</div>
</div>
Line 49: Line 49:
BGcolor = Controls the main headers background color. Works with # color values.
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.
LINEcolor = Controls the color of the horizontal line through the template. Works with # color values.
ICONcolor = Controls the color of all the icons. Works with # color values. (Set to either #202122 or #FFF)


---CELL PARAMETERS--- (C# is the cell number. 1 = left 5 = right)
---CELL PARAMETERS--- (C# is the cell number. 1 = left 5 = right)
Line 60: Line 59:
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#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#outBORDRAD = Controls the outside border radius.
C#ICONcolor = Controls the value of an Icon in a cell (Set to either #202122 or #FFF)
</pre>
</pre>
[[Category:Templates]][[Category:Misc Styling Templates]]
[[Category:Templates]][[Category:Misc Styling Templates]]
</noinclude>
</noinclude>

Revision as of 15:33, 13 July 2022

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)