Bioblast Quiz 2: Difference between revisions

From Bioblast
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{IconBoxLeft}}
=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
'''Click on the card text to see the answer.'''
: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}}


 
{{Robelbox|title=Flashcard Example|theme=5|width=50%}}
'''Click on the card text to see the answer.'''
{{Robelbox|title=Flashcard Example|theme=1|width=50%}}


:{{#switch:{{#expr:({{#time:U}} mod 3) + 1}}
:{{#switch:{{#expr:({{#time:U}} mod 3) + 1}}
Line 39: Line 27:


:{{purge | Next Card}}
:{{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}}
{{Robelbox/close}}

Latest revision as of 12:25, 13 November 2018

Click on the card text to see the answer.


Flashcard Example


This is the visible part of the second flashcard.

This is the hidden part of the second flashcard.
Next Card


Cookies help us deliver our services. By using our services, you agree to our use of cookies.