Template:JobPageHeader: Difference between revisions
m Tiny fix |
m Added a button to the lore at the top of this template |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em 0 1em 0; border: .2em solid #{{{colour|444444}}}; background: #{{{colour|444444}}};"> | <div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em 0 1em 0; border: .2em solid #{{{colour|444444}}}; background: #{{{colour|444444}}};"> | ||
<div style="background: #{{{colour|444444}}}; color: {{{hcolour}}}; padding: .4em .8em .5em;">< | <div style="background: #{{{colour|444444}}}; color: {{{hcolour}}}; padding: .4em .8em .5em;"><div style="display: flex;"> | ||
{| | |||
|- | |||
|[[Main Page|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .4em .3em .4em; font-size: 150%; color: #FFF;">{{#fas:home}}</span>]] | |||
|[[Rules|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .425em .3em .425em; font-size: 150%; color: #FFF;">{{#fas:gavel}}</span>]] | |||
|[[Jobs|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .38em .3em .38em; font-size: 150%; color: #FFF;">{{#fas:address-card}}</span>]] | |||
|[[Guides|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .4em .3em .4em; font-size: 150%; color: #FFF;">{{#fas:info-circle}}</span>]] | |||
|[[Objects|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .4em .3em .4em; .38em; font-size: 150%; color: #FFF;">{{#fas:wrench}}</span>]] | |||
|[[Skyrat lore|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .4em .3em .4em; .38em; font-size: 150%; color: #FFF;">{{#fas:globe-europe}}</span>]] | |||
|- | |||
|} | |||
{| style="margin-left: auto; margin-right: auto;" | |||
|- | |||
!style="font-size:110%;"|{{{stafftype}}} | |||
|} | |||
</div> | |||
</div> | |||
<div style="display: flex"> | <div style="display: flex"> | ||
{| | {| | ||
| Line 7: | Line 23: | ||
|- | |- | ||
|<div style="border: .15em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;">|<div style="padding: 1.4em 0 1.4em 0; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em;"> | |<div style="border: .15em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;">|<div style="padding: 1.4em 0 1.4em 0; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em;"> | ||
<center>[[File:{{{img}}}|64px]]<br>'''{{{jobtitle|Job}}}'''</center></div></div> | |||
|<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;">|<div style="padding: .3em; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em; line-height:1.2em;"> | |<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;">|<div style="padding: .3em; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em; line-height:1.2em;"> | ||
'''Superiors:''' {{{superior|Not defined}}} | '''Superiors:''' {{{superior|Not defined}}} | ||
Latest revision as of 21:56, 22 January 2023
Job |
Superiors: Not defined
|
This template is intended to be at the top of each of the jobs pages to provide a basic overview of each job.
Meaning of parameters
colour is the background color of the header. This will also set the image background colour automatically.
hcolour is the font colour for the header. It accepts plaintext colours only.
bcolour is the color for the job title box.
bhcolour is the text color for the job title.
ebcolour is the background color for the section that holds the guides and other info.
stafftype is the word that is added before STAFF. So adding the word MAINTENANCE here yields MAINTENANCE STAFF. Intended to be in caps.
img Sets the file without the need for the [[File:]] command. The extension and size modifier must still be specified.
jobtitle, access, difficulty, guides and duties are self-explanatory.
Usage
Example of the finished product. Check the source code for the code that generated the thing below. Please document any changes you make to the template code in the parameters and usage sections
