Template:Robelbox: Difference between revisions
wikademia>Darklama +min-height rules with some sane relative values |
wikademia>McCormack Really sorry, DC, but unfortunately the changes ruined the layout everywhere :( Perhaps experiment with a **fork** next time?! Ask me to help with it. |
||
| 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.'' | ||
</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 | <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><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> | ||
|} | |||
==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 | ||
{{ | </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 | ||
{{ | </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 | ||
{{ | </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 | ||
{{ | </div> | ||
{{Robelbox/close}} | |||
== Color samples == | == Color samples == | ||
{| | {| | ||
|{{Robelbox|theme=1|title=Theme 1|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=2|title=Theme 2|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=3|title=Theme 3|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=4|title=Theme 4|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|- | |||
|{{Robelbox|theme=5|title=Theme 5|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=6|title=Theme 6|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=7|title=Theme 7|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=8|title=Theme 8|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|- | |||
|{{Robelbox|theme=9|title=Theme 9|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=10|title=Theme 10|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=11|title=Theme 11|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=12|title=Theme 12|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|- | |||
|{{Robelbox|theme=13|title=Theme 13|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|{{Robelbox|theme=14|title=Theme 14|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |||
''Content goes here.'' | ''Content goes here.'' | ||
{{Robelbox | </div> | ||
{{Robelbox-close}} | |||
|} | |||
[[Category:Design templates]] | [[Category:Design templates]]</noinclude> | ||
</noinclude> | |||
Revision as of 17:46, 25 August 2008
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:
Don't forget to use the {{Robelbox/close}} template after your content!
|
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
|