YellowWarningTriangle.png 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 search
 
(9 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.
{| {{#if: {{{wide|}}} | width="{{{wide}}}" }}
+
<!--</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|}}} | {{!}} style="border-left: 4px solid {{{color}}}; padding-left: 10px;" {{!}} {{#if: {{{header|}}} | <div style="border-bottom: 1px solid #5c5c5c; padding-bottom:5px;"><{{{headtag}}}>'''{{{header}}}''' </{{{headtag}}}>{{#if: {{{header2|}}} | {{{header2}}}}}</div>}} | {{!}} style="border-left: 4px solid {{{color}}}; padding-left: 10px;" {{!}} {{#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>}}}}
{{{body}}}
+
{{{body}}}</div></div><noinclude>-->
|}<noinclude>-->
 
  
 
== Usage ==
 
== Usage ==
 
<pre>
 
<pre>
{{Fancyblock
+
{{Fancy block
| wide =  
+
| clear =
 +
| border =
 +
| thickness =
 +
| bgcolor =  
 
| color =  
 
| color =  
 
| header =  
 
| header =  
Line 19: Line 21:
  
 
=== <u>Variables</u> ===
 
=== <u>Variables</u> ===
* wide = Specify the width of the table if necessary for aesthetics.
+
* clear = Choose to clear to the next line. Options: left, right, or both.
* color = Color of the left border.
+
* 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 38: Line 45:
  
 
== Result ==
 
== Result ==
<pre>{{Fancyblock
+
<pre>
| wide =  
+
{{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>
{{Fancyblock
+
{{Fancy block
| wide =  
+
| clear =
 +
| bgcolor =  
 
| color = #F9C45E
 
| color = #F9C45E
 
| header = Generic List
 
| header = Generic List
Line 61: Line 75:
  
 
<pre>
 
<pre>
{{Fancyblock
+
{{Fancy block
| wide = 100%
+
| clear =  
 +
| bgcolor = #000000
 
| color = #41A317
 
| color = #41A317
 
| header = Generic Example
 
| header = Generic Example
Line 70: Line 85:
 
}}
 
}}
 
</pre>
 
</pre>
{{Fancyblock
+
{{Fancy block
| wide = 100%
+
| 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.


YellowWarningTriangle.png 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.
}}

Generic Example

Sub-header
Peter Piper picked a peck of pickled peppers.