Template:ColoredBackground - Revision history

T.Gigler: added opional changes for border-top and border-bottom

2017-09-07T16:13:24Z

added opional changes for border-top and border-bottom

T.Gigler: added an example with white big text

2017-09-07T16:00:52Z

added an example with white big text

T.Gigler: renamed parameters to default html-style attributes

2017-09-07T15:53:34Z

renamed parameters to default html-style attributes

T.Gigler: Default: no padding

2017-09-07T15:41:57Z

Default: no padding

T.Gigler: noinclude Usage

2017-09-07T15:39:06Z

noinclude Usage

T.Gigler: Default: no border

2017-09-07T15:36:03Z

Default: no border

T.Gigler: Initial Version

2017-09-07T15:15:02Z

Initial Version

New page

=== '''Usage:''' ===
# Examples
#* <nowiki>{{ColoredBackground|text=Simple Example}}</nowiki><br>{{ColoredBackground|text=Simple Example}}

<onlyinclude><div style="
background-color: {{#if: {{{background|}}} | {{{background}}} | yellow}}; 
color: {{#if: {{{color|}}} | {{{color}}} | black}};
font-size: {{#if: {{{size|}}} | {{{size}}} | 100%}};
padding: {{#if: {{{padding|}}} | {{{padding}}} | 6px}};
padding-top: {{#if: {{{top|}}} | {{{top}}} | 8px}};
font-weight: {{#if: {{{font|}}} | {{{font}}} | bold}};
border: {{#if: {{{border|}}} | {{{border}}} | 3px solid}} {{#if: {{{border_color|}}} | {{{border_color}}} | #207F4A}}; 
border-right: {{#if: {{{border_right|}}} | {{{border_right}}} | none}};
border-left: {{#if: {{{border_left|}}} | {{{border_left}}} | none}};
margin: {{#if: {{{margin|}}} | {{{margin}}} | 0}};">{{#if: {{{text|}}} | {{{text}}} | {{#if {{{1|}}} | {{{1}}} | }} }}</div></onlyinclude>

@@ 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 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>
 </noinclude><includeonly><div style="
 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-left:      {{#if: {{{border-left|}}} | {{{border-left}}} | none}};
 margin:           {{#if: {{{margin|}}} | {{{margin}}} | 0}};">{{#if: {{{text|}}} | {{{text}}} | {{#if {{{1|}}} | {{{1}}} | }} }}</div></includeonly>

@@ Line 9: / Line 9: @@
 * <nowiki>{{ColoredBackground|text=simple example with a green border|border=3px solid|border-color=#207F4A}}</nowiki><br>{{ColoredBackground|text=simple example with a green border|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>
 </noinclude><includeonly><div style="
 background-color: {{#if: {{{background-color|}}} | {{{background-color}}} | yellow}}; <!---- Top10:2013=#55DF8E, Top10:2010=#558EDF --->
 color:            {{#if: {{{color|}}} | {{{color}}} | black}};
 font-size:        {{#if: {{{font-size|}}} | {{{font-size}}} | 100%}};
-padding:          {{#if: {{{padding|}}} | {{{padding}}} | none }}; <!---- Top10: 6px --->
+padding:          {{#if: {{{padding|}}} | {{{padding}}} | none }};          <!---- Top10: 6px --->
-padding-top:      {{#if: {{{padding-top|}}} | {{{padding-top}}} | none }};         <!---- Top10: 8px --->
+padding-top:      {{#if: {{{padding-top|}}} | {{{padding-top}}} | none }};  <!---- Top10: 8px --->
 font-weight:      {{#if: {{{font-weight|}}} | {{{font-weight}}} | bold}};
 border:           {{#if: {{{border|}}} | {{{border}}} | none }} {{#if: {{{border-color|}}} | {{{border-color}}} | black }}; <!--- Top10:2013=#207F4A, Top10:2010=#204A7F --->

@@ Line 5: / Line 5: @@
 == '''Usage:''' ==
 === Examples ===
-* <nowiki>{{ColoredBackground|text=Simple Example}}</nowiki><br>{{ColoredBackground|text=Simple Example}}<br>
+* <nowiki>{{ColoredBackground|text=simple example}}</nowiki><br>{{ColoredBackground|text=simple example}}<br>
-* <nowiki>{{ColoredBackground|text=Simple Example|border=3px solid}}</nowiki><br>{{ColoredBackground|text=Simple Example with a Border|border=3px solid}}<br>
+* <nowiki>{{ColoredBackground|text=simple example with a Border|border=2px solid}}</nowiki><br>{{ColoredBackground|text=simple example with a border|border=2px solid}}<br>
-* <nowiki>{{ColoredBackground|text=Simple Example|border=3px solid|border-color=#207F4A}}</nowiki><br>{{ColoredBackground|text=Simple Example with a green Border|border=3px solid|border-color=#207F4A}}
+* <nowiki>{{ColoredBackground|text=simple example with a green border|border=3px solid|border-color=#207F4A}}</nowiki><br>{{ColoredBackground|text=simple example with a green border|border=3px solid|border-color=#207F4A}}<br>
 </noinclude><includeonly><div style="
-background-color: {{#if: {{{background|}}} | {{{background}}} | yellow}}; <!---- Top10:2013=#55DF8E, Top10:2010=#558EDF --->
+background-color: {{#if: {{{background-color|}}} | {{{background-color}}} | yellow}}; <!---- Top10:2013=#55DF8E, Top10:2010=#558EDF --->
 color:            {{#if: {{{color|}}} | {{{color}}} | black}};
-font-size:        {{#if: {{{size|}}} | {{{size}}} | 100%}};
+font-size:        {{#if: {{{font-size|}}} | {{{font-size}}} | 100%}};
 padding:          {{#if: {{{padding|}}} | {{{padding}}} | none }}; <!---- Top10: 6px --->
-padding-top:      {{#if: {{{top|}}} | {{{top}}} | none }};         <!---- Top10: 8px --->
+padding-top:      {{#if: {{{padding-top|}}} | {{{padding-top}}} | none }};         <!---- Top10: 8px --->
-font-weight:      {{#if: {{{font|}}} | {{{font}}} | bold}};
+font-weight:      {{#if: {{{font-weight|}}} | {{{font-weight}}} | bold}};
 border:           {{#if: {{{border|}}} | {{{border}}} | none }} {{#if: {{{border-color|}}} | {{{border-color}}} | black }}; <!--- Top10:2013=#207F4A, Top10:2010=#204A7F --->
 border-right:     {{#if: {{{border-right|}}} | {{{border-right}}} | none}};
 border-left:      {{#if: {{{border-left|}}} | {{{border-left}}} | none}};
 margin:           {{#if: {{{margin|}}} | {{{margin}}} | 0}};">{{#if: {{{text|}}} | {{{text}}} | {{#if {{{1|}}} | {{{1}}} | }} }}</div></includeonly>

@@ Line 1: / Line 1: @@
 <!--------------------------------------------------------->
 <!--   Template:ColoredBackground                        -->
@@ Line 7: / Line 8: @@
 * <nowiki>{{ColoredBackground|text=Simple Example|border=3px solid}}</nowiki><br>{{ColoredBackground|text=Simple Example with a Border|border=3px solid}}<br>
 * <nowiki>{{ColoredBackground|text=Simple Example|border=3px solid|border-color=#207F4A}}</nowiki><br>{{ColoredBackground|text=Simple Example with a green Border|border=3px solid|border-color=#207F4A}}
-<includeonly><div style="
+</noinclude><includeonly><div style="
 background-color: {{#if: {{{background|}}} | {{{background}}} | yellow}}; <!---- Top10:2013=#55DF8E, Top10:2010=#558EDF --->
 color:            {{#if: {{{color|}}} | {{{color}}} | black}};