Difference between revisions of "Template:Robelbox2"
m (1 revision imported) |
(box with less margin space at top) |
||
Line 1: | Line 1: | ||
− | < | + | <noinclude> |
− | + | '''''This page has been protected for good reason! If you are a custodian editing this page, please read the talk page first! Thank you.''''' | |
− | {{#ifeq:{{{icon|default}}}|default|| | + | |
− | <div style=" | + | ''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=" | + | </noinclude> |
+ | {| style="border-collapse: separate; border-spacing: 2px;margin:2px 0em 0em 0em; width:{{{width|100%}}}; {{#ifeq:{{{height|100%}}}|none||height:{{{height|auto}}}}}; {{{style}}};" | ||
+ | | colspan="1" style="padding:0; width:100%; {{#ifeq:{{{height|100%}}}|none||height:auto;}} 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]]}} | ||
+ | <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> | ||
+ | <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 9: | Line 14: | ||
* ''title'': Box title. | * ''title'': Box title. | ||
* ''width'': Box width; default is 100%. | * ''width'': Box width; default is 100%. | ||
+ | * ''height'': Guess; default is auto. | ||
* ''icon'': Image name for icon. | * ''icon'': Image name for icon. | ||
* ''iconwidth'': Pixel width of icon; default is 56. Include "px". | * ''iconwidth'': Pixel width of icon; default is 56. Include "px". | ||
− | * '' | + | * ''style'': Additional CSS style to apply to container. |
− | + | ''Don't forget to use the {{tl|Robelbox/close}} template after your content!'' | |
− | < | + | <br>''This template should be used together with {{tl|Robelbox/pad}} 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>{{< | + | <div style="{{Robelbox/pad}}"> |
− | + | Test content using a default box | |
+ | </div> | ||
+ | {{Robelbox/close}}</nowiki> | ||
produces this box: | produces this box: | ||
+ | {{robelbox|title=Test title}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | 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}} |
− | + | <div style="{{Robelbox/pad}}"> | |
+ | 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}} | |
− | {{ | + | <div style="{{Robelbox/pad}}"> |
+ | 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.'' | |
− | + | </div> | |
− | + | {{Robelbox-close}} | |
− | + | |{{Robelbox|theme=2|title=Theme 2|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |
− | + | ''Content goes here.'' | |
− | + | </div> | |
− | + | {{Robelbox-close}} | |
− | + | |{{Robelbox|theme=3|title=Theme 3|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |
− | + | ''Content goes here.'' | |
− | + | </div> | |
− | + | {{Robelbox-close}} | |
− | + | |{{Robelbox|theme=4|title=Theme 4|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |
− | + | ''Content goes here.'' | |
− | + | </div> | |
− | + | {{Robelbox-close}} | |
− | + | |- | |
− | + | |{{Robelbox|theme=5|title=Theme 5|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | |
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |{{Robelbox|theme=6|title=Theme 6|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |{{Robelbox|theme=7|title=Theme 7|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |{{Robelbox|theme=8|title=Theme 8|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |- | ||
+ | |{{Robelbox|theme=9|title=Theme 9|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |{{Robelbox|theme=10|title=Theme 10|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |{{Robelbox|theme=11|title=Theme 11|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |{{Robelbox|theme=12|title=Theme 12|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |- | ||
+ | |{{Robelbox|theme=13|title=Theme 13|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |{{Robelbox|theme=14|title=Theme 14|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}"> | ||
+ | ''Content goes here.'' | ||
+ | </div> | ||
+ | {{Robelbox-close}} | ||
+ | |} | ||
[[Category:Robelbox templates]] | [[Category:Robelbox templates]] | ||
+ | [[Category:Exclude in print]] | ||
</noinclude> | </noinclude> |
Latest revision as of 15:25, 12 April 2019
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
|
|
|
| ||||
|
|
|
| ||||
|
|
|
| ||||
|
|