Template:Colorsquare: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="background-color: {{{1}}}; height: 12px; width: 12px; float: left; margin-top: 4px; border: 2px solid {{{2}}};"> </div> | <div style="background-color: {{{1}}}; height: 12px; width: 12px; float: left; margin-top: 4px; border: 2px solid {{{2}}};"> </div> | ||
<noinclude>This template makes a little colored square, where the inside of the box as well as it's border can be customized with any color.<br />The syntax of this template is as follows: <code><nowiki>{{colorsquare|box color|border color}}</nowiki></code><br /> | <noinclude><br /><br />This template makes a little colored square, where the inside of the box as well as it's border can be customized with any color.<br />The syntax of this template is as follows: <code><nowiki>{{colorsquare|box color|border color}}</nowiki></code><br /> | ||
Making a list with these squares can misalign themselves or break pages, so a lot of finesse is needed when using these.<br /> | Making a list with these squares can misalign themselves or break pages, so a lot of finesse is needed when using these.<br /> | ||
It's also advised to use <code>& nbsp;</code> (with no space between the ampersand and the 'n'. As spaces after the templates can further break things. | It's also advised to use <code>& nbsp;</code> (with no space between the ampersand and the 'n'. As spaces after the templates can further break things. | ||
Revision as of 17:01, 2 July 2021
This template makes a little colored square, where the inside of the box as well as it's border can be customized with any color.
The syntax of this template is as follows: {{colorsquare|box color|border color}}
Making a list with these squares can misalign themselves or break pages, so a lot of finesse is needed when using these.
It's also advised to use & nbsp; (with no space between the ampersand and the 'n'. As spaces after the templates can further break things.
Here's some crude examples of how this can looks.
Text 1 |
Text 2 |
Text 3 |
Text 4
Text 5
Text 6