|
This wiki is closed in favour of the new wiki. Information shown is likely to be very out of date. |
Difference between revisions of "Template:Fancy block"
From Discovery Wiki
Jump to navigationJump to searchRogueCharlie (talk | contribs) |
|||
| (10 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | <noinclude>[[RogueCharlie]]'s template for dressing up a block of text.<!--</noinclude> | + | <noinclude>[[RogueCharlie]]'s template for dressing up a block of text. |
| − | + | <!--</noinclude>{{#if: {{{clear|}}} | <div style="clear: {{{clear}}}; margin: 5px; border:{{{thickness|1px}}} solid {{{border|#5c5c5c}}}; border-radius: 10px; padding: 10px; background: {{{bgcolor}}};"> | <div style="margin: 5px; border:{{{thickness|1px}}} solid {{{border|#5c5c5c}}}; border-radius: 10px; padding: 10px; background: {{{bgcolor}}};">}} | |
| − | |- | + | <div style="border-left: 4px solid {{{color}}}; padding-left: 10px;"> |
| − | {{ | + | {{#if: {{{headtag|}}} | {{#if: {{{header|}}} | <div style="border-bottom: 1px solid #5c5c5c; padding-bottom:5px;"><{{{headtag}}}>'''{{{header}}}''' </{{{headtag}}}>{{#if: {{{header2|}}} | {{{header2}}}}}</div>}} | {{#if: {{{header|}}} | <div style="border-bottom: 1px solid #5c5c5c; padding-bottom:5px;"><span style="font-size: 1.5em;">'''{{{header}}}''' </span>{{#if: {{{header2|}}} | {{{header2}}}}}</div>}}}} |
| − | {{{body}}} | + | {{{body}}}</div></div><noinclude>--> |
| − | |||
== Usage == | == Usage == | ||
<pre> | <pre> | ||
| − | {{ | + | {{Fancy block |
| − | | | + | | clear = |
| + | | border = | ||
| + | | thickness = | ||
| + | | bgcolor = | ||
| color = | | color = | ||
| header = | | header = | ||
| Line 19: | Line 21: | ||
=== <u>Variables</u> === | === <u>Variables</u> === | ||
| − | * | + | * clear = Choose to clear to the next line. Options: left, right, or both. |
| − | * color = Color of the left | + | * border = Choose the color of your border. Default = #5c5c5c |
| + | * thickness = Choose the thickness of your border. Default = 1px | ||
| + | * bgcolor = background color of the block. | ||
| + | * color = Color of the left line. | ||
* header = The header for your information. | * header = The header for your information. | ||
* headtag = Use header tags if you wish, for the page ToC. | * headtag = Use header tags if you wish, for the page ToC. | ||
* header2 = Small test after your header on the same line. | * header2 = Small test after your header on the same line. | ||
* body = The body of your information. | * body = The body of your information. | ||
| + | |||
| + | {{Warning|'''Do not keep empty variables on your page. This will make the template display incorrectly.'''}} | ||
| Line 35: | Line 42: | ||
* h3 - <nowiki><h3></nowiki> - This will force the header2 variable down to the next line of text and add the header variable to the Table of Contents. | * h3 - <nowiki><h3></nowiki> - This will force the header2 variable down to the next line of text and add the header variable to the Table of Contents. | ||
* you get the point, right? | * you get the point, right? | ||
| − | * If you use an alternate tag for the header then you may insert a style too. For example: <nowiki>h3 style="font-size: 1.5em;"</nowiki> | + | * If you use an alternate tag for the header then you may insert a style too. For example: <nowiki>h3 style="font-size: 1.5em;" or div style="font-size: 1.5em;"</nowiki> |
== Result == | == Result == | ||
| − | <pre>{{ | + | <pre> |
| − | | | + | {{Fancy block|body = This is also a way to simply segment your text in pages with large walls of text.}} |
| + | </pre> | ||
| + | {{Fancy block|body = This is also a way to simply segment your text in pages with large walls of text.}} | ||
| + | |||
| + | <pre>{{Fancy block | ||
| + | | clear = | ||
| + | | bgcolor = | ||
| color = #F9C45E | | color = #F9C45E | ||
| header = Generic List | | header = Generic List | ||
| Line 48: | Line 61: | ||
* Item number 2 | * Item number 2 | ||
}}</pre> | }}</pre> | ||
| − | {{ | + | {{Fancy block |
| − | | | + | | clear = |
| + | | bgcolor = | ||
| color = #F9C45E | | color = #F9C45E | ||
| header = Generic List | | header = Generic List | ||
| Line 61: | Line 75: | ||
<pre> | <pre> | ||
| − | {{ | + | {{Fancy block |
| − | | | + | | clear = |
| + | | bgcolor = #000000 | ||
| color = #41A317 | | color = #41A317 | ||
| header = Generic Example | | header = Generic Example | ||
| Line 70: | Line 85: | ||
}} | }} | ||
</pre> | </pre> | ||
| − | {{ | + | {{Fancy block |
| − | | | + | | clear = |
| + | | bgcolor = #000000 | ||
| color = #41A317 | | color = #41A317 | ||
| header = Generic Example | | header = Generic Example | ||
Latest revision as of 21:48, 5 February 2012
RogueCharlie's template for dressing up a block of text.
Usage
{{Fancy block
| clear =
| border =
| thickness =
| bgcolor =
| color =
| header =
| headtag =
| header2 =
| body =
}}
Variables
- clear = Choose to clear to the next line. Options: left, right, or both.
- border = Choose the color of your border. Default = #5c5c5c
- thickness = Choose the thickness of your border. Default = 1px
- bgcolor = background color of the block.
- color = Color of the left line.
- header = The header for your information.
- headtag = Use header tags if you wish, for the page ToC.
- header2 = Small test after your header on the same line.
- body = The body of your information.
|
|
Do not keep empty variables on your page. This will make the template display incorrectly. |
"headtag" can be:
These are examples and are not what the variable is limited to. Do NOT use the < and > symbols in this variable, they will create errors in the output of the template.
- leave blank - The template uses <span style="font-size: 1.5em;">
- div - template uses <div> - This will force the header2 variable down to the next line of text.
- h2 - <h2> - This will force the header2 variable down to the next line of text and add the header variable to the Table of Contents.
- h3 - <h3> - This will force the header2 variable down to the next line of text and add the header variable to the Table of Contents.
- you get the point, right?
- If you use an alternate tag for the header then you may insert a style too. For example: h3 style="font-size: 1.5em;" or div style="font-size: 1.5em;"
Result
{{Fancy block|body = This is also a way to simply segment your text in pages with large walls of text.}}
This is also a way to simply segment your text in pages with large walls of text.
{{Fancy block
| clear =
| bgcolor =
| color = #F9C45E
| header = Generic List
| headtag =
| header2 = Sub-header
| body =
* Item number 1
* Item number 2
}}
Generic List Sub-header
- Item number 1
- Item number 2
{{Fancy block
| clear =
| bgcolor = #000000
| color = #41A317
| header = Generic Example
| headtag = h3 style="font-size: 1.5em; color: Yellow;"
| header2 = Sub-header
| body = Peter Piper picked a peck of pickled peppers.
}}
