This site is the archived OWASP Foundation Wiki and is no longer accepting Account Requests.
To view the new OWASP Foundation website, please visit https://owasp.org
Difference between revisions of "Template:ColoredBackground"
From OWASP
m (added an example with white big text) |
(added opional changes for border-top and border-bottom) |
||
| Line 10: | Line 10: | ||
* <nowiki>{{ColoredBackground|text=example with green background and green border|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}</nowiki><br>{{ColoredBackground|text=example with green background and green border|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}<br> | * <nowiki>{{ColoredBackground|text=example with green background and green border|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}</nowiki><br>{{ColoredBackground|text=example with green background and green border|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}<br> | ||
* <nowiki>{{ColoredBackground|text=example with green background and green border and white big text|color=white|font-size=180%|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}</nowiki><br>{{ColoredBackground|text=example with green background and green border and white big text|color=white|font-size=180%|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}<br> | * <nowiki>{{ColoredBackground|text=example with green background and green border and white big text|color=white|font-size=180%|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}</nowiki><br>{{ColoredBackground|text=example with green background and green border and white big text|color=white|font-size=180%|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}<br> | ||
| + | * <nowiki>{{ColoredBackground|text=example with green background and green border at the bottom and white big text|color=white|font-size=180%|background-color=#55DF8E|border=3px solid|border-color=#207F4A|border-top=none}}</nowiki><br>{{ColoredBackground|text=example with green background and green border at the bottom and white big text|color=white|font-size=180%|background-color=#55DF8E|border=3px solid|border-color=#207F4A|border-top=none}}<br> | ||
</noinclude><includeonly><div style=" | </noinclude><includeonly><div style=" | ||
background-color: {{#if: {{{background-color|}}} | {{{background-color}}} | yellow}}; <!---- Top10:2013=#55DF8E, Top10:2010=#558EDF ---> | background-color: {{#if: {{{background-color|}}} | {{{background-color}}} | yellow}}; <!---- Top10:2013=#55DF8E, Top10:2010=#558EDF ---> | ||
| Line 20: | Line 21: | ||
border-right: {{#if: {{{border-right|}}} | {{{border-right}}} | none}}; | border-right: {{#if: {{{border-right|}}} | {{{border-right}}} | none}}; | ||
border-left: {{#if: {{{border-left|}}} | {{{border-left}}} | none}}; | border-left: {{#if: {{{border-left|}}} | {{{border-left}}} | none}}; | ||
| + | {{#if: {{{border-top|}}} | border-top: {{{border-top}}} }}; <!--- optional change ---> | ||
| + | {{#if: {{{border-bottom|}}} | border-bottom: {{{border-bottom}}} }}; <!--- optional change ---> | ||
margin: {{#if: {{{margin|}}} | {{{margin}}} | 0}};">{{#if: {{{text|}}} | {{{text}}} | {{#if {{{1|}}} | {{{1}}} | }} }}</div></includeonly> | margin: {{#if: {{{margin|}}} | {{{margin}}} | 0}};">{{#if: {{{text|}}} | {{{text}}} | {{#if {{{1|}}} | {{{1}}} | }} }}</div></includeonly> | ||
Latest revision as of 16:13, 7 September 2017
Usage:
Examples
- {{ColoredBackground|text=simple example}}simple example
- {{ColoredBackground|text=simple example with a Border|border=2px solid}}simple example with a border
- {{ColoredBackground|text=simple example with a green border|border=3px solid|border-color=#207F4A}}simple example with a green border
- {{ColoredBackground|text=example with green background and green border|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}example with green background and green border
- {{ColoredBackground|text=example with green background and green border and white big text|color=white|font-size=180%|background-color=#55DF8E|border=3px solid|border-color=#207F4A}}example with green background and green border and white big text
- {{ColoredBackground|text=example with green background and green border at the bottom and white big text|color=white|font-size=180%|background-color=#55DF8E|border=3px solid|border-color=#207F4A|border-top=none}}example with green background and green border at the bottom and white big text
