Difference between revisions of "Template:Fancy block"
From Discovery Wiki
Jump to navigationJump to searchRogueCharlie (talk | contribs) |
RogueCharlie (talk | contribs) |
||
| Line 1: | Line 1: | ||
<noinclude>[[RogueCharlie]]'s template for dressing up a block of text. | <noinclude>[[RogueCharlie]]'s template for dressing up a block of text. | ||
| − | <!--</noinclude> | + | <!--</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;"> | <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>}}}} | {{#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>}}}} | ||
| Line 10: | Line 10: | ||
| clear = | | clear = | ||
| border = | | border = | ||
| + | | thickness = | ||
| bgcolor = | | bgcolor = | ||
| color = | | color = | ||
| Line 22: | Line 23: | ||
* clear = Choose to clear to the next line. Options: left, right, or both. | * clear = Choose to clear to the next line. Options: left, right, or both. | ||
* border = Choose the color of your border. Default = #5c5c5c | * border = Choose the color of your border. Default = #5c5c5c | ||
| + | * thickness = Choose the thickness of your border. Default = 1px | ||
* bgcolor = background color of the block. | * bgcolor = background color of the block. | ||
* color = Color of the left line. | * 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 | + | * 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.'''}} | ||
Revision as of 18:19, 8 August 2011
RogueCharlie's template for dressing up a block of text.
Usage
{{Fancyblock
| 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
{{Fancyblock|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.
{{Fancyblock
| 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
{{Fancyblock
| 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.
}}
