Difference between revisions of "Lylat Wiki:Color Scheme"

m
Text replacement - "{{tl" to "{{t"
(fix)
m (Text replacement - "{{tl" to "{{t")
Line 62: Line 62:
Text bellow table
Text bellow table
</div>
</div>
In the example, the div is stylized by {{tl|character-bg-color}}, giving the div a green background color. The table is affected by {{tl|character-border}}, giving it a light-green border. But notice, it no longer has the green background of the div. This is important to take notice, even if it is as a reminder to yourself and nothing more, as when you are designing a table with this in mind, you may over look this fact.  
In the example, the div is stylized by {{t|character-bg-color}}, giving the div a green background color. The table is affected by {{t|character-border}}, giving it a light-green border. But notice, it no longer has the green background of the div. This is important to take notice, even if it is as a reminder to yourself and nothing more, as when you are designing a table with this in mind, you may over look this fact.  


Next, notice the top row and bottom row are different colors. This is because the top row (the header cells) is affected by {{tl|character-th-bg-color}} and the bottom row (the data cells) is affected by {{tl|character-td-bg-color}}.  
Next, notice the top row and bottom row are different colors. This is because the top row (the header cells) is affected by {{t|character-th-bg-color}} and the bottom row (the data cells) is affected by {{t|character-td-bg-color}}.  


Now, each template doesn't have to be used in the manner that is specified here. You can make {{tl|character-bg-color}} be a header-color instead, as is done [[Template:games|here]], and keep the background white. But it is recommended you do that with higher-order templates, like {{tl|enemies}} and {{tl|stages}}.  
Now, each template doesn't have to be used in the manner that is specified here. You can make {{t|character-bg-color}} be a header-color instead, as is done [[Template:games|here]], and keep the background white. But it is recommended you do that with higher-order templates, like {{t|enemies}} and {{t|stages}}.  


to help with the link colors, it is also useful to throw on a matching color code through the div's or table's css class. Unlike the <code>style=""</code> attriblute, once a css <code>class=""</code> is applied to one tag; it affects everything within it. So with the example above,  
to help with the link colors, it is also useful to throw on a matching color code through the div's or table's css class. Unlike the <code>style=""</code> attriblute, once a css <code>class=""</code> is applied to one tag; it affects everything within it. So with the example above,  
8,161

edits