Jump to content

Template:Robelbox: Difference between revisions

From IdeaWazaWiki
wikademia>Darklama
fix several problems 1) excessive whitespace from using height:100% 2) problems with using pipes and 3) remove the need for the padding template
wikademia>Wikademia
m 40 revisions
 
(5 intermediate revisions by 3 users not shown)
Line 2: Line 2:
'''''This page has been protected for good reason! If you are a custodian editing this page, please read the talk page first! Thank you.'''''
'''''This page has been protected for good reason! If you are a custodian editing this page, please read the talk page first! Thank you.'''''


''This is a special kind of box with a hanging icon in the right hand top corner. The size of the icon can be increased indefinitely without the height of the title bar being affected. If an empty title is specified, the title bar shrinks to a small band.''</noinclude>
''This is a special kind of box with a hanging icon in the right hand top corner. The size of the icon can be increased indefinitely without the height of the title bar being affected. If an empty title is specified, the title bar shrinks to a small band.''
<div style="margin:0em; width:{{{width|100%}}}; vertical-align:top; border:1px solid {{Robelbox/C2|{{{theme|1}}}}}; background-color:{{Robelbox/C1|{{{theme|1}}}}};">
</noinclude>
{| cellspacing="2" cellpadding="0" style="margin:0em 0em 0em 0em; width:{{{width|100%}}}; {{#ifeq:{{{height|100%}}}|none||height:{{{height|100%}}}}};"
| colspan="1" style="width:100%; {{#ifeq:{{{height|100%}}}|none||height:100%;}} vertical-align:top; border:1px solid {{Robelbox/C2|{{{theme|1}}}}}; background-color:{{Robelbox/C1|{{{theme|1}}}}};" |
{{#ifeq:{{{icon|default}}}|default||[[Image:{{{icon|Namespace Wikipedia.svg}}}|{{{iconwidth|32px}}}|right]]}}
{{#ifeq:{{{icon|default}}}|default||[[Image:{{{icon|Namespace Wikipedia.svg}}}|{{{iconwidth|32px}}}|right]]}}
<div style="border-bottom:1px solid {{Robelbox/C2|{{{theme|1}}}}}; background-color:{{Robelbox/C3|{{{theme|1}}}}}; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">{{{title|Title}}}</div>
<div style="border-bottom:1px solid {{Robelbox/C2|{{{theme|1}}}}}; background-color:{{Robelbox/C3|{{{theme|1}}}}}; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">{{{title|Title}}}</div>
<div style="padding:0.75em 1.5em 0em 0.75em;"><noinclude>
<noinclude><div style="padding:0.75em 1.5em 0em 0.75em;">
''Parameters:''
''Parameters:''
* ''theme'': Values 1 to 14; gives colour scheme:
* ''theme'': Values 1 to 14; gives colour scheme:
Line 16: Line 18:
* ''iconwidth'': Pixel width of icon; default is 56. Include "px".
* ''iconwidth'': Pixel width of icon; default is 56. Include "px".
''Don't forget to use the <nowiki>{{Robelbox/close}}</nowiki> template after your content!''
''Don't forget to use the <nowiki>{{Robelbox/close}}</nowiki> template after your content!''
<br>''This template should be used together with <nowiki>{{Robelbox/pad}}</nowiki> to pad out the box contents - see examples below, and see talk page.
</div>
</div>
</div><noinclude>
|}
 
==Simple examples==
==Simple examples==
__TOC__
__TOC__
===Theme 1: Tan (default)===
===Theme 1: Tan (default)===
This code:
This code:
   <nowiki>{{robelbox|title=Test title}}
   <nowiki>{{robelbox|title=Test title}}
  <div style="{{Robelbox/pad}}">
   Test content using a default box
   Test content using a default box
   {{robelbox/close}}</nowiki>
  </div>
 
   {{Robelbox/close}}</nowiki>
produces this box:
produces this box:
{{robelbox|title=Test title}}
{{robelbox|title=Test title}}
<div style="{{Robelbox/pad}}">
Test content using a default box
Test content using a default box
{{robelbox/close}}
</div>
{{Robelbox/close}}


===Theme 2: Mid green===
===Theme 2: Mid green===
This code:
This code:
 
   <nowiki>
   <nowiki>{{robelbox|theme=2|title=Test title}}
  {{robelbox|theme=2|title=Test title}}
  <div style="{{Robelbox/pad}}">
   Test content using a default box with theme=2
   Test content using a default box with theme=2
   {{robelbox/close}}</nowiki>
  </div>
 
   {{Robelbox/close}}
  </nowiki>
produces this box:
produces this box:
{{robelbox|theme=2|title=Test title}}
{{robelbox|theme=2|title=Test title}}
<div style="{{Robelbox/pad}}">
Test content using a default box with theme=2
Test content using a default box with theme=2
{{robelbox/close}}
</div>
{{Robelbox/close}}


== Color samples ==
== Color samples ==
{|
{|
| {{Robelbox|theme=1|title=Theme 1|width=200px|iconwidth=48px}}
|{{Robelbox|theme=1|title=Theme 1|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=2|title=Theme 2|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=2|title=Theme 2|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=3|title=Theme 3|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=3|title=Theme 3|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=4|title=Theme 4|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=4|title=Theme 4|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
|-
{{Robelbox-close}}
| {{Robelbox|theme=5|title=Theme 5|width=200px|iconwidth=48px}}
|-
|{{Robelbox|theme=5|title=Theme 5|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=6|title=Theme 6|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=6|title=Theme 6|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=7|title=Theme 7|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=7|title=Theme 7|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=8|title=Theme 8|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=8|title=Theme 8|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
|-
{{Robelbox-close}}
| {{Robelbox|theme=9|title=Theme 9|width=200px|iconwidth=48px}}
|-
|{{Robelbox|theme=9|title=Theme 9|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=10|title=Theme 10|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=10|title=Theme 10|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=11|title=Theme 11|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=11|title=Theme 11|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=12|title=Theme 12|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=12|title=Theme 12|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
|-
{{Robelbox-close}}
| {{Robelbox|theme=13|title=Theme 13|width=200px|iconwidth=48px}}
|-
|{{Robelbox|theme=13|title=Theme 13|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
| {{Robelbox|theme=14|title=Theme 14|width=200px|iconwidth=48px}}
{{Robelbox-close}}
|{{Robelbox|theme=14|title=Theme 14|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
''Content goes here.''
{{Robelbox/close}}
</div>
|}
{{Robelbox-close}}
|}
 
 


[[Category:Design templates]]
[[Category:Design templates]]</noinclude>
</noinclude>

Latest revision as of 05:22, 23 March 2009

This page has been protected for good reason! If you are a custodian editing this page, please read the talk page first! Thank you.

This is a special kind of box with a hanging icon in the right hand top corner. The size of the icon can be increased indefinitely without the height of the title bar being affected. If an empty title is specified, the title bar shrinks to a small band.

Title

Parameters:

  • theme: Values 1 to 14; gives colour scheme:

Template:Robelbox/theme

  • title: Box title.
  • width: Box width; default is 100%.
  • height: Guess; default is 100%.
  • icon: Image name for icon.
  • iconwidth: Pixel width of icon; default is 56. Include "px".

Don't forget to use the {{Robelbox/close}} template after your content!
This template should be used together with {{Robelbox/pad}} to pad out the box contents - see examples below, and see talk page.

Simple examples

Theme 1: Tan (default)

This code:

 {{robelbox|title=Test title}}
  <div style="{{Robelbox/pad}}">
  Test content using a default box
  </div>
  {{Robelbox/close}}

produces this box:

Test title

Test content using a default box

Theme 2: Mid green

This code:

 
  {{robelbox|theme=2|title=Test title}}
  <div style="{{Robelbox/pad}}">
  Test content using a default box with theme=2
  </div>
  {{Robelbox/close}}
  

produces this box:

Test title

Test content using a default box with theme=2

Color samples

Theme 1

Content goes here.

Template:Robelbox-close

Theme 2

Content goes here.

Template:Robelbox-close

Theme 3

Content goes here.

Template:Robelbox-close

Theme 4

Content goes here.

Template:Robelbox-close

Theme 5

Content goes here.

Template:Robelbox-close

Theme 6

Content goes here.

Template:Robelbox-close

Theme 7

Content goes here.

Template:Robelbox-close

Theme 8

Content goes here.

Template:Robelbox-close

Theme 9

Content goes here.

Template:Robelbox-close

Theme 10

Content goes here.

Template:Robelbox-close

Theme 11

Content goes here.

Template:Robelbox-close

Theme 12

Content goes here.

Template:Robelbox-close

Theme 13

Content goes here.

Template:Robelbox-close

Theme 14

Content goes here.

Template:Robelbox-close