Help:Pretty boxes

From Wikiversity
Jump to navigation Jump to search
Nuvola apps edu miscellaneous.svg


Left and right boxes

Pairs of boxes
You can create a pair of boxes using {{IconBoxLeft}}, {{IconBoxRight}}, and {{IconBoxClose}}.
Nuvola apps krfb.png


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}}

Usage

Here is the coding for the two boxes above.
{{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., {{IconBoxLeft|width=50}}
{{IconBoxClose}}



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.
{{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}}


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.
  {{RoundBoxTop}}
  =Simple round-corner boxes=
  ;Templates for boxes
  :This page shows templates that you can use to create boxes for lessons.
  {{RoundBoxBottom}}




Boxes for Wikiversity lesson pages

Fancy boxes

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


Boxes for Wikiversity lesson pages

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.
  {{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}}

Box colors

The colours below apply for the Robelbox template.

They are different to the RoundBox template colours.


Nuvola apps kopete.png
Title - theme color "1"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "2"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "3"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "4"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "5"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "6"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps gaim.png
Title - theme color "7"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "8"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "9"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps gaim.png
Title - theme color "10"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "11"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "12"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps gaim.png
Title - theme color "13"
Subtitle
Item - Text for item
  • Bullet item - text for bullet item.


Nuvola apps kopete.png
Title - theme color "14"
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

See also