Template:Colorsquare2: Difference between revisions

From Songs of Syx Wiki
Jump to navigation Jump to search
(Created page with "<div class="colorsquare2" style="background-color: {{{1}}}; height: 12px; width: 12px; float: left; border: 2px solid {{{2}}};"> </div> <noinclude><br /><br />This templa...")
 
No edit summary
Line 1: Line 1:
<div class="colorsquare2" style="background-color: {{{1}}}; height: 12px; width: 12px; float: left; border: 2px solid {{{2}}};">&nbsp;</div>
<div class="colorsquare2" style="background-color: {{{1}}}; height: 12px; width: 12px; float: left; border: 2px solid {{{2}}};">&nbsp;</div>
<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 />
<noinclude><br /><br />
'''''Note: This is the same as the original "colorsquare2" template, the difference is that the CSS margin-top is adjusted differently.'''''<br />
'''''Use this one instead of a square doesn't align with the text properly.'''''<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:31, 2 July 2021

 



Note: This is the same as the original "colorsquare2" template, the difference is that the CSS margin-top is adjusted differently.
Use this one instead of a square doesn't align with the text properly.
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