Template:Invert framework/doc

This is a documentation subpage for Template:Invert framework.
It may contain usage information, categories and other content that is not part of the original template page.

This template employs intricate features of template syntax.

You are encouraged to familiarise yourself with its setup and parser functions before editing the template. If your edit causes unexpected problems, please undo it quickly, as this template may appear on a large number of pages.
You can conduct experiments, and should test all major changes, in either , the general template sandbox, or your user space before changing anything here.

This template is designed as a companion to the {{framework}} template and works much in the same manner.

Usage

`{{Framework` `\|width =` `\|height =` `\|title =` `\|color=` `\|border=` `\|background=` `\|text-color=` `\|text-align=` `\|font-weight=` `\|font-size=` `\|font-style=` `\|content=` `}}`	width: (optional, blank if none) sets the width of the box. height: (optional, blank if none) sets the height of the box. title: (optional, blank if none) Title of the frame. color: (optional) Used to choose one of the defined color sets. For custom sets, set color to user border: If a user defined color set is chosen, place a border color here. background: If a user defined color set is chosen, place a background color here. text-color: (optional, blank if none) sets the text color text-align: (optional, blank if none) sets the alignment of the text in the box font-weight: (optional, blank if none) sets the font weight, e.g. bold font-size: (optional, blank if none) sets the font size font-style: (optional, blank if none) sets the font style, e.g. italic content: Is used to insert text and pictures into the body frame.
General guidelines & notes:
User defined colors can be hex, RGB or a named HTML color. The gray option can be spelled either as gray or grey.

Defined color sets
Color name	Red	Orange	Yellow	Green	Blue	Violet	Gray	Pink
Border color	Dark red #8B0000	Orange #FFA500	Gold #FFD700	Dark green #006400	Blue #0000FF	Blue violet #8A2BE2	Dark gray #A9A9A9	Dark salmon #E9967A
Background color	Salmon #FA8072	Gold #FFD700	Yellow #FFFF00	Light green #90EE90	Light blue #ADD8E6	Violet #EE82EE	Light gray #D3D3D3	Light salmon #FA8072

Example

This an example of how the two templates work together...

{{Invert framework
| width         = 75%
| title         = Example 1
| text-color    = crimson
| text-align    = center
| font-weight   = normal
| font-size     = 300%
| content       = Picture of the Day
| color         = red
}}

{{Framework
| width         = 75%
| title         = [[Template:Framework/doc | Image]]...
| content       =
{{POTD wikipedia |float=left |title=yes |thumb=yes}}
{{Lorem ipsum}}
| color         = red
}}

Picture of the Day

Image...
English Wikipedia picture of the day Hairy dragonfly Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Different colors

{{Framework|color=red|link=/Doc}}

{{Framework|color=orange|link=/Doc}}

{{Framework|color=yellow|link=/Doc}}

{{Framework|color=green|link=/Doc}}

{{Framework|color=blue|link=/Doc}}

{{Framework|color=violet|link=/Doc}}

{{Framework|color=pink|link=/Doc}}

{{Framework|color=gray|link=/Doc}}

User defined fields

{{Framework|color=user|border=black|background=gray}}

Template:Invert framework/doc

Usage

Example

Different colors

See also

"Window" templates

"Folder" templates