View source for Help:Pretty boxes

__NOTOC__ __NOEDITSECTION__
{{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
:Width of the boxes can be specified using the parameter '''width''' e.g., for 50% wide boxes, include |width=50, i.e., <nowiki>{{IconBoxLeft|width=50}}</nowiki>
{{IconBoxClose}}

{{RoundBoxTop|theme=2}}
==Usage==
:Here is the coding for the two boxes above.

<pre>
{{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
:Width of the boxes can be specified using the parameter '''width''' e.g., for 50% wide boxes, include |width=50, i.e., <nowiki>{{IconBoxLeft|width=50}}</nowiki>
{{IconBoxClose}}
</pre>
{{RoundBoxBottom}}

----
----

{{RoundBoxLeft}}
=Left and right boxes without icons=
;Pairs of plain boxes
:You can create a pair of boxes using {{tl|RoundBoxLeft}}, {{tl|RoundBoxRight}}, and {{tl|LeftRightBoxClose}}.
{{RoundBoxRight}}
=Note=
;Browser dependent
:Some browsers will not see rounded corners.  Rather the corners will appear square.
{{LeftRightBoxClose}}

{{RoundBoxTop|theme=2}}
==Very easy to use==
:Here is the coding for the two boxes above.

<pre>
{{RoundBoxLeft}}
=Left and right boxes=
;Pairs of boxes
:You can create a pair of boxes using {{tl|RoundBoxLeft}}, {{tl|RoundBoxRight}}, and {{tl|LeftRightBoxClose}}.
{{RoundBoxRight}}
=Note=
;Browser dependent
:Some browsers will not see rounded corners.  Rather the corners will appear square.
{{LeftRightBoxClose}}
</pre>
{{LeftRightBoxClose}}

----
----

{{RoundBoxTop}}
=Simple round-corner boxes=
;Templates for boxes
:This page shows templates that you can use to create boxes for lessons.
{{RoundBoxBottom}}

{{RoundBoxTop|theme=2}}
=Very easy to use=
;The coding used to create the box above.
:To create a box like the box above, all you have to do is start with the  [[Template:RoundBoxTop]] and end with the [[Template:RoundBoxBottom]].
<pre>
  {{RoundBoxTop}}
  =Simple round-corner boxes=
  ;Templates for boxes
  :This page shows templates that you can use to create boxes for lessons.
  {{RoundBoxBottom}}
</pre>

{{RoundBoxBottom}}

----
----

{{Robelbox|theme={{{theme|1}}}|title=Boxes for Wikiversity lesson pages}}
<div style="{{Robelbox/pad}}">
=Fancy boxes=
;Templates for boxes
:This page shows templates that you can use to create boxes for lessons.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|2}}}|title=Boxes for Wikiversity lesson pages}}
<div style="{{Robelbox/pad}}">
=Very easy to use=
;The coding used to create the box above.
:To create a box like the box above, all you have to do is start with the  [[Template:RoundBoxTop]] and end with the [[Template:RoundBoxBottom]].
<pre>
  {{Robelbox|theme={{{theme|1}}}|title=Boxes for Wikiversity lesson pages}}
<div style="{{Robelbox/pad}}">
  =Fancy boxes=
  ;Templates for boxes
  :This page shows templates that you can use to create boxes for lessons.
  </div>
  {{Robelbox/close}}
</pre>

</div>
{{Robelbox/close}}

=Box colors=
The colours below apply for the [[Template:Robelbox|Robelbox template]].

They are different to the [[Template:RoundBoxTop|RoundBox template]] colours.

{{Robelbox|theme={{{theme|1}}}|icon=Nuvola apps kopete.png|title=Title - theme color "1"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|2}}}|icon=Nuvola apps kopete.png|title=Title - theme color "2"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|3}}}|icon=Nuvola apps kopete.png|title=Title - theme color "3"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|4}}}|icon=Nuvola apps kopete.png|title=Title - theme color "4"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|5}}}|icon=Nuvola apps kopete.png|title=Title - theme color "5"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|6}}}|icon=Nuvola apps kopete.png|title=Title - theme color "6"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|7}}}|icon=Nuvola apps gaim.png|title=Title - theme color "7"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|8}}}|icon=Nuvola apps kopete.png|title=Title - theme color "8"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|9}}}|icon=Nuvola apps kopete.png|title=Title - theme color "9"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|10}}}|icon=Nuvola apps gaim.png|title=Title - theme color "10"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|11}}}|icon=Nuvola apps kopete.png|title=Title - theme color "11"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|12}}}|icon=Nuvola apps kopete.png|title=Title - theme color "12"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|13}}}|icon=Nuvola apps gaim.png|title=Title - theme color "13"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

{{Robelbox|theme={{{theme|14}}}|icon=Nuvola apps kopete.png|title=Title - theme color "14"}}
<div style="{{Robelbox/pad}}">
;Subtitle
:Item - Text for item
:* '''''Bullet item''''' - text for bullet item.
</div>
{{Robelbox/close}}

== Colour values used ==

Theme: Change the theme numbers from values 1 to 14 to create a different colour scheme.

===Background===

1=<nowiki>#ffFcF1</nowiki>

2=MintCream

3=AliceBlue

4=MistyRose

5=LavenderBlush

6=Ivory

7=Azure

8=Seashell

9=<nowiki>#f6fff1</nowiki>

10=<nowiki>#f4faff</nowiki>

12=<nowiki>#FFF6F8</nowiki>

13=<nowiki>#F5F5FF</nowiki>

14=<nowiki>#ffffff</nowiki>

===Borders===


1=<nowiki>#E39C79</nowiki>

2=ForestGreen

3=SteelBlue

4=IndianRed

5=MediumPurple

6=Gold

7=RoyalBlue

8=<nowiki>#E78A69</nowiki>

9=<nowiki>#71be3f</nowiki>

10=<nowiki>#4290bc</nowiki>

11=<nowiki>#C289C3</nowiki>

12=<nowiki>#C56B74</nowiki>

13=<nowiki>#8488DC</nowiki>

14=<nowiki>#aaaaaa</nowiki>

===Top background===

1=Wheat

2=LightGreen

3=LightSteelBlue

4=LightCoral

5=Thistle

6=<nowiki>#ff9</nowiki>

7=LightSkyBlue

8=Peachpuff

9=<nowiki>#c0eaa6</nowiki>

10=<nowiki>#9AD4F6</nowiki>

11=<nowiki>#E6C6E6</nowiki>

12=<nowiki>#F4B8BF</nowiki>

13=<nowiki>#CED1FA</nowiki>

14=<nowiki>#e4e4e4</nowiki>

Icon: Change the Image name for a different icon.  See [[Help:Icons]]

==See also==
* [[Help:Colors]]

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