Template:Traitbar: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div class="traitbar" style="width:79px; height:12px; background-color: {{{4}}}; border: 1px solid #24120b;><div style="width:{{{1}}}; height:8px; background-color: {{{2}}}; border: 2px solid {{{3}}}; border-left: 1px solid {{{3}}} !important; border-right: 1px solid {{{3}}} !important;"></div></div><noinclude> | <div class="traitbar" style="width:79px; height:12px; background-color: {{{4}}}; border: 1px solid #24120b;><div style="width:{{{1}}}; height:8px; background-color: {{{2}}}; border: 2px solid {{{3}}}; border-left: 1px solid {{{3}}} !important; border-right: 1px solid {{{3}}} !important;"></div></div><noinclude> | ||
This is a trait bar. It can be edited to look like something of a static loading bar. These are meant to mimic the trait bars seen in the game. They can be customized in terms of how much of the bar is filled. Some bars are green, some are red. The syntax of the template is as follows:<br /> <code><nowiki>{{traitbar|width|inner color|border color|background color}}</nowiki></code><br /> | This is a trait bar. It can be edited to look like something of a static loading bar. These are meant to mimic the trait bars seen in the game. They can be customized in terms of how much of the bar is filled. Some bars are green, some are red. The syntax of the template is as follows:<br /> <code><nowiki>{{traitbar|width|inner color|border color|background color}}</nowiki></code><br /> | ||
The width part must be typed as a number with "px" or "%" at the end of it, with no spaces. The colors can be written as color names or as #RGB format HTML color codes.<br /><br /> | The width part must be typed as a number with "px" or "%" at the end of it, with no spaces. The colors can be written as color names or as #RGB format HTML color codes. The pixel amount should be subtracted a bit, to compensate for the extra pixels made by the borders.<br /><br /> | ||
These colors should always be the proper green or red, to match the game. The exact colors are as follows:<br /> | These colors should always be the proper green or red, to match the game. The exact colors are as follows:<br /> | ||
{{color|'''Green:'''|#9ae89a}} ''Bar color'' - #17a018; ''Border color'' - #046005; ''Background'' - #23110b<br /> | {{color|'''Green:'''|#9ae89a}} ''Bar color'' - #17a018; ''Border color'' - #046005; ''Background'' - #23110b<br /> | ||
Revision as of 20:03, 3 July 2021
This is a trait bar. It can be edited to look like something of a static loading bar. These are meant to mimic the trait bars seen in the game. They can be customized in terms of how much of the bar is filled. Some bars are green, some are red. The syntax of the template is as follows:
{{traitbar|width|inner color|border color|background color}}
The width part must be typed as a number with "px" or "%" at the end of it, with no spaces. The colors can be written as color names or as #RGB format HTML color codes. The pixel amount should be subtracted a bit, to compensate for the extra pixels made by the borders.
These colors should always be the proper green or red, to match the game. The exact colors are as follows:
Green: Bar color - #17a018; Border color - #046005; Background - #23110b
Red: Bar color - #640000; Border color - #610505; Background - #23030b
Note: The background can be left blank, but this will default it to the background of a green bar.
For example, {{traitbar|65%|#8888ff|#6666cc}}
Creates the following: