Help:Pretty boxes

=Left and right boxes=
 * Pairs of boxes
 * You can create a pair of boxes using IconBoxLeft, IconBoxRight, and IconBoxClose.

=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.,

Usage

 * Here is the coding for the two boxes above.

=Left and right boxes=
 * Pairs of boxes
 * You can create a pair of boxes using IconBoxLeft, IconBoxRight, and IconBoxClose.

=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.,

=Left and right boxes without icons=
 * Pairs of plain boxes
 * You can create a pair of boxes using RoundBoxLeft, RoundBoxRight, and LeftRightBoxClose.

=Note=
 * Browser dependent
 * Some browsers will not see rounded corners. Rather the corners will appear square.

Very easy to use

 * Here is the coding for the two boxes above.

=Left and right boxes=
 * Pairs of boxes
 * You can create a pair of boxes using RoundBoxLeft, RoundBoxRight, and LeftRightBoxClose.

=Note=
 * Browser dependent
 * Some browsers will not see rounded corners. Rather the corners will appear square.

=Simple round-corner boxes=
 * Templates for boxes
 * This page shows templates that you can use to create boxes for lessons.

=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.

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

 =Fancy boxes=
 * Templates for boxes
 * This page shows templates that you can use to create boxes for lessons.

 =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.

 =Fancy boxes= ;Templates for boxes :This page shows templates that you can use to create boxes for lessons.

=Box colors= The colours below apply for the Robelbox template.

They are different to the RoundBox template colours.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.


 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.

<div style="">
 * Subtitle
 * Item - Text for item
 * Bullet item - text for bullet item.

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

Background
1= #ffFcF1

2=MintCream

3=AliceBlue

4=MistyRose

5=LavenderBlush

6=Ivory

7=Azure

8=Seashell

9= #f6fff1

10= #f4faff

12= #FFF6F8

13= #F5F5FF

14= #ffffff

Borders
1= #E39C79

2=ForestGreen

3=SteelBlue

4=IndianRed

5=MediumPurple

6=Gold

7=RoyalBlue

8= #E78A69

9= #71be3f

10= #4290bc

11= #C289C3

12= #C56B74

13= #8488DC

14= #aaaaaa

Top background
1=Wheat

2=LightGreen

3=LightSteelBlue

4=LightCoral

5=Thistle

6= #ff9

7=LightSkyBlue

8=Peachpuff

9= #c0eaa6

10= #9AD4F6

11= #E6C6E6

12= #F4B8BF

13= #CED1FA

14= #e4e4e4

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