|
|
| Line 1: |
Line 1: |
| {{IconBoxLeft}}
| | not done |
| =Left and right boxes=
| |
| ;Pairs of boxes
| |
| :You can create a pair of boxes using {{tl|IconBoxLeft}}, {{tl|IconBoxRight}}, and {{tl|IconBoxClose}}.
| |
| {{IconBoxRight}}
| |
| =Note=
| |
| ;Browser dependent
| |
| :Some browsers will not see rounded corners. Rather the corners will appear square.
| |
| | |
| ;Width
| |
| :Width of the boxes can be specified using the parameter '''width''' e.g., for 50% wide boxes, include |width=50, i.e., {{IconBoxLeft|width=50}}
| |
| {{IconBoxClose}}
| |
| | |
| | |
| '''Click on the card text to see the answer.'''
| |
| {{Robelbox|title=Flashcard Example|theme=1|width=50%}}
| |
| | |
| :{{#switch:{{#expr:({{#time:U}} mod 3) + 1}}
| |
| | |
| |1=
| |
| {{Collapsible toggle|collapsed=true|style=margin-bottom:1em;|toggle=1
| |
| |This is the visible part of the first flashcard.
| |
| |<br>This is the hidden part of the first flashcard.
| |
| }}
| |
| | |
| |2=
| |
| {{Collapsible toggle|collapsed=true|style=margin-bottom:1em;|toggle=2
| |
| |This is the visible part of the second flashcard.
| |
| |<br>This is the hidden part of the second flashcard.
| |
| }}
| |
| | |
| |3=
| |
| {{Collapsible toggle|collapsed=true|style=margin-bottom:1em;|toggle=3
| |
| |This is the visible part of the third flashcard.
| |
| |<br>This is the hidden part of the third flashcard.
| |
| }}
| |
| | |
| }}
| |
| | |
| :{{purge | Next Card}}
| |
| | |
| <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.'''''
| |
| | |
| ''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]]}}
| |
| <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:''
| |
| * ''theme'': Values 1 to 14; gives colour scheme:
| |
| {{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 <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>
| |
| |}
| |
| ==Simple examples==
| |
| __TOC__
| |
| ===Theme 1: Tan (default)===
| |
| This code:
| |
| <nowiki>{{robelbox|title=Test title}}
| |
| <div style="{{Robelbox/pad}}">
| |
| Test content using a default box
| |
| </div>
| |
| {{Robelbox/close}}</nowiki>
| |
| produces this box:
| |
| {{robelbox|title=Test title}}
| |
| <div style="{{Robelbox/pad}}">
| |
| Test content using a default box
| |
| </div>
| |
| {{Robelbox/close}}
| |
| | |
| ===Theme 2: Mid green===
| |
| This code:
| |
| <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:
| |
| {{robelbox|theme=2|title=Test title}}
| |
| <div style="{{Robelbox/pad}}">
| |
| Test content using a default box with theme=2
| |
| </div>
| |
| {{Robelbox/close}}
| |
| | |
| == 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:Design templates]]</noinclude>
| |
| | |
| | |
| | |
| {{Robelbox/close}}
| |
