|
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) |
|||
| (7 intermediate revisions by 2 users not shown) | |||
| 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 7: | Line 7: | ||
== Usage == | == Usage == | ||
<pre> | <pre> | ||
| − | {{ | + | {{Fancy block |
| clear = | | clear = | ||
| border = | | border = | ||
| + | | thickness = | ||
| bgcolor = | | bgcolor = | ||
| color = | | color = | ||
| Line 20: | Line 21: | ||
=== <u>Variables</u> === | === <u>Variables</u> === | ||
| − | * clear = Choose to clear to the 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 | + | * 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 34: | Line 38: | ||
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. | 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 <nowiki><span style="font-size: 1.5em;"></nowiki> | * leave blank - The template uses <nowiki><span style="font-size: 1.5em;"></nowiki> | ||
| − | * div - template uses <nowiki><div></nowiki> | + | * div - template uses <nowiki><div></nowiki> - This will force the header2 variable down to the next line of text. |
| − | * h2 - <nowiki><h2></nowiki> | + | * h2 - <nowiki><h2></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> | + | * 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 = | | clear = | ||
| bgcolor = | | bgcolor = | ||
| Line 52: | Line 61: | ||
* Item number 2 | * Item number 2 | ||
}}</pre> | }}</pre> | ||
| − | {{ | + | {{Fancy block |
| clear = | | clear = | ||
| bgcolor = | | bgcolor = | ||
| Line 66: | Line 75: | ||
<pre> | <pre> | ||
| − | {{ | + | {{Fancy block |
| clear = | | clear = | ||
| bgcolor = #000000 | | bgcolor = #000000 | ||
| Line 76: | Line 85: | ||
}} | }} | ||
</pre> | </pre> | ||
| − | {{ | + | {{Fancy block |
| clear = | | clear = | ||
| bgcolor = #000000 | | bgcolor = #000000 | ||
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.
}}
