33,821
edits
MarioWiki:Navigation templates: Difference between revisions
m
→Colouration
(→Order on pages: link) |
m (→Colouration) |
||
| Line 68: | Line 68: | ||
Series-wide and game-specific templates are colour-coded by series. When designing a new template, specify which of the predefined colour schemes to use by adding the relevant class (listed in the chart below) to the template code. For example, the first line of {{tem|SMB}} would be <code><nowiki>{| class="mw-collapsible mw-collapsed navtemplate mario"</nowiki></code>, while {{tem|LM}} would have the class of <code><nowiki>"navtemplate lm"</nowiki></code>, {{tem|DKC}} would have the <code><nowiki>"navtemplate dk"</nowiki></code>, etc. These classes automatically colour the alternating background stripes, however the banner and header colours need to be added manually using the colour codes in the chart and the format: <code><nowiki>style=background:#FF2400</nowiki></code> (using the "Super Mario" banner colour as an example). If no colour is specified, the banner and headers will receive default grey tones. Please note that the code <code><nowiki>bgcolor=#FF2400</nowiki></code> will not override the default colours. | Series-wide and game-specific templates are colour-coded by series. When designing a new template, specify which of the predefined colour schemes to use by adding the relevant class (listed in the chart below) to the template code. For example, the first line of {{tem|SMB}} would be <code><nowiki>{| class="mw-collapsible mw-collapsed navtemplate mario"</nowiki></code>, while {{tem|LM}} would have the class of <code><nowiki>"navtemplate lm"</nowiki></code>, {{tem|DKC}} would have the <code><nowiki>"navtemplate dk"</nowiki></code>, etc. These classes automatically colour the alternating background stripes, however the banner and header colours need to be added manually using the colour codes in the chart and the format: <code><nowiki>style=background:#FF2400</nowiki></code> (using the "Super Mario" banner colour as an example). If no colour is specified, the banner and headers will receive default grey tones. Please note that the code <code><nowiki>bgcolor=#FF2400</nowiki></code> will not override the default colours. | ||
With a few exceptions, all species templates should give banners the darkest colouration, followed by the headers and then the subheaders, with the background being significantly lighter. The default black text usually looks fine against the header and banner colours, but darker shades require the text to be white instead. The header font colours are automatically black, while the banner font colours are white by default, except for a few of the series/game-specific headers, which are black. If a species template's banner is too light for white font to be easily read, <code><nowiki>"navtemplate light"</nowiki></code> can be used to turn the | With a few exceptions, all species templates should give banners the darkest colouration, followed by the headers and then the subheaders, with the background being significantly lighter. The default black text usually looks fine against the header and banner colours, but darker shades require the text to be white instead. The header font colours are automatically black, while the banner font colours are white by default, except for a few of the series/game-specific headers, which are black. If a species template's banner is too light for white font to be easily read, <code><nowiki>"navtemplate light"</nowiki></code> can be used to turn the banner font black. Conversely, if the headers are dark and the font needs to be white in order to show up, this can be done manually using {{tem|Color}} for the regular text and {{tem|Color-link}} or {{tem|Color-link-piped}} for the links. Only black and white should be used for the banner and header font colours, and all background colours should be light enough so that plain, blue links can be used for the actual lists. | ||
For templates that use a footnote bar, such as {{tem|SM64}}, the bar can be coded like the banner, but should be given a different colour, darker than the headers, but lighter than the banner. The chart to the top right shows the existing footer colours; if a footer is added to a new class of templates, please alert an admin so that they can approve the colour choice and add it to the chart. Remember to only use footers when it is absolutely necessary. | For templates that use a footnote bar, such as {{tem|SM64}}, the bar can be coded like the banner, but should be given a different colour, darker than the headers, but lighter than the banner. The chart to the top right shows the existing footer colours; if a footer is added to a new class of templates, please alert an admin so that they can approve the colour choice and add it to the chart. Remember to only use footers when it is absolutely necessary. | ||