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
(Undo revision 50897 by RogueCharlie (talk))
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: {{{border|}}} | {{#if: {{{clear|}}} | <div style="clear: {{{clear}}}; margin: 5px; border:1px solid {{{border}}}; border-radius: 10px; padding: 10px; background: {{{bgcolor}}};"> | <div style="margin: 5px; border:1px solid {{{border}}}; border-radius: 10px; padding: 10px; background: {{{bgcolor}}};">}} | {{#if: {{{clear|}}} | <div style="clear: {{{clear}}}; margin: 5px; border:1px solid #5c5c5c; border-radius: 10px; padding: 10px; background: {{{bgcolor}}};"> | <div style="margin: 5px; border:1px solid #5c5c5c; border-radius: 10px; padding: 10px; background: {{{bgcolor}}};">}}}}
+
{| {{#if: {{{wide|}}} | width="{{{wide}}}" }}
<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|}}} | {{!}} 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>}}}}
{{{body}}}</div></div><noinclude>-->
+
{{{body}}}
 +
|}<noinclude>-->
  
 
== Usage ==
 
== Usage ==
 
<pre>
 
<pre>
 
{{Fancyblock
 
{{Fancyblock
| clear =
+
| wide =  
| border =
 
| bgcolor =  
 
 
| color =  
 
| color =  
 
| header =  
 
| header =  
Line 20: Line 19:
  
 
=== <u>Variables</u> ===
 
=== <u>Variables</u> ===
* clear = Choose to clear to the line. Options: left, right, or both.
+
* wide = Specify the width of the table if necessary for aesthetics.
* border = Choose the color of your border. Default = #5c5c5c
 
* bgcolor = background color of the block.
 
 
* color = Color of the left border.
 
* color = Color of the left border.
 
* 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 text after your header on the same line.
 
* body = The body of your information.
 
* body = The body of your information.
  
Line 34: Line 31:
 
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> {{Warning}} This will force the header2 variable down to the next line of text.
+
* div - template uses <nowiki><div></nowiki> - This will force the header2 variable down to the next line of text.
* h2 - <nowiki><h2></nowiki> {{Warning}} This will force the header2 variable down to the next line of text and add the header variable to the Table of Contents.
+
* 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> {{Warning}} 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>{{Fancyblock
 
<pre>{{Fancyblock
| clear =
+
| wide =  
| bgcolor =  
 
 
| color = #F9C45E
 
| color = #F9C45E
 
| header = Generic List
 
| header = Generic List
Line 53: Line 49:
 
}}</pre>
 
}}</pre>
 
{{Fancyblock
 
{{Fancyblock
| clear =
+
| wide =  
| bgcolor =  
 
 
| color = #F9C45E
 
| color = #F9C45E
 
| header = Generic List
 
| header = Generic List
Line 67: Line 62:
 
<pre>
 
<pre>
 
{{Fancyblock
 
{{Fancyblock
| clear =  
+
| wide = 100%
| bgcolor = #000000
 
 
| color = #41A317
 
| color = #41A317
 
| header = Generic Example
 
| header = Generic Example
Line 77: Line 71:
 
</pre>
 
</pre>
 
{{Fancyblock
 
{{Fancyblock
| clear =  
+
| wide = 100%
| bgcolor = #000000
 
 
| color = #41A317
 
| color = #41A317
 
| header = Generic Example
 
| header = Generic Example

Revision as of 03:40, 2 August 2011

RogueCharlie's template for dressing up a block of text.

Usage

{{Fancyblock
| wide = 
| color = 
| header = 
| headtag = 
| header2 = 
| body = 
}}

Variables

  • wide = Specify the width of the table if necessary for aesthetics.
  • color = Color of the left border.
  • header = The header for your information.
  • headtag = Use header tags if you wish, for the page ToC.
  • header2 = Small text after your header on the same line.
  • body = The body of your information.


"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
| wide = 
| 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
| wide = 100%
| 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.