Template:Colorsquare: Difference between revisions

From Songs of Syx Wiki
Jump to navigation Jump to search
VisualWikitext
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<div class="colorsquare" style="background-color: {{{1}}}; height: 12px; width: 12px; float: left; border: 2px solid {{{2}}};">&nbsp;</div>
<div class="colorsquare" 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>{{Colorsquare/doc}}[[Category:Templates]]</noinclude>
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.
[[Category:Templates]]</br />
Use '''Template:Colorsquare2''' if you want a different alignment between the square and the text.
 
Here's some crude examples of how this can looks.
{| class="wikitable" style="width: 900px;"
|-
|{{colorsquare|red|orange}}Text 1
|-
|{{colorsquare|blue|aqua}}Text 2
|-
|{{colorsquare|green|lime}}Text 3
|}
 
{{colorsquare|red|orange}}Text 4
{{colorsquare|purple|pink}}Text 5
{{colorsquare|lime|green}}Text 6
</noinclude>

Latest revision as of 22:39, 18 November 2021

 
Template Documentation
Description

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. 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.
Note: Using this template in a table or div will misalign the color squares and any text next to it. Template:Colorsquare2 can be used for different alignments.

Syntax

{{colorsquare|box color|border color}}

Examples

{{colorsquare|purple|yellow}} Some wicked text.

Output:
 

 Some wicked text.
{{colorsquare|#88ffff|#777777}} Still wicked text.

 

 Still wicked text.

Retrieved from "https://songsofsyx.com/wiki/index.php?title=Template:Colorsquare&oldid=5350"