Difference between revisions of "Category:Userbox templates"
(added instructions for using the templates) |
|||
Line 1: | Line 1: | ||
− | + | Here are some template to help users make boxes more easily. | |
+ | |||
+ | === How to construct the box === | ||
+ | There are a number of box types to select from when deciding to make a userbox. The most commonly used design is the "'''Standard box'''". It has one square shaped area on the left ("''id''") and a rectangular area on the right ("''info''"). | ||
+ | |||
+ | For ease of use, userboxes are made using maker-templates that have a number of parameters. Once the maker-template is saved, it is automatically transformed to HTML. | ||
+ | {| class="wikitable" | ||
+ | !Template Parameters | ||
+ | !Meaning | ||
+ | !Value type | ||
+ | |- | ||
+ | |border-c | ||
+ | |<span style="border:1px solid #333;">The '''border colour''' of the userbox</span> | ||
+ | |CSS color value, #hex or colour name) | ||
+ | |- | ||
+ | |border-s | ||
+ | |<span style="border:4px solid #3f3;">The '''border size''' of the userbox</span> | ||
+ | |Width in pixels | ||
+ | |- | ||
+ | |id-c | ||
+ | |<span style="background:#efe">The '''background colour''' of the id box</span> | ||
+ | |CSS colour value | ||
+ | |- | ||
+ | |id-s | ||
+ | |The font <span style="font-size:150%">'''size'''</span> of the id box | ||
+ | |Size in Point | ||
+ | |- | ||
+ | |id-fc | ||
+ | |The font <span style="colour:#090">'''colour'''</span> of the id box text | ||
+ | |CSS colour value | ||
+ | |- | ||
+ | |info-c | ||
+ | |<span style="background:#efe">The background colour of info box</span> | ||
+ | |CSS colour value | ||
+ | |- | ||
+ | |info-s | ||
+ | |The font <span style="font-size:150%">'''size'''</span> of info box | ||
+ | |Size in PostScript points | ||
+ | |- | ||
+ | |info-fc | ||
+ | |The font <span style="color:#090">'''colour'''</span> of info box | ||
+ | |CSS colour value | ||
+ | |- | ||
+ | |id | ||
+ | |This is the '''content''' of the id box | ||
+ | |Text | ||
+ | |- | ||
+ | |info | ||
+ | |This is the '''content''' of info box | ||
+ | |Text | ||
+ | |} | ||
+ | |||
+ | ==== Userbox types ==== | ||
+ | |||
+ | {| cellspacing="1" cellpadding="2" style="background: #99f; colour: #000;" | ||
+ | !style="background: #fff;"|Code | ||
+ | !style="background: #fff;"|Appearance | ||
+ | |- | ||
+ | !colspan="2" style="background: #fff; text-align: left; padding: 0 1em;"|Standard box | ||
+ | |- | ||
+ | |style="background: #fff;"|<pre>{{Userbox | ||
+ | |border-c = #000 | ||
+ | |border-s = 1 | ||
+ | |id-c = #fff | ||
+ | |id-s = 12 | ||
+ | |id-fc = #000 | ||
+ | |info-c = #039 | ||
+ | |info-s = 8 | ||
+ | |info-fc = #fff | ||
+ | |id = ID | ||
+ | |info = info box content | ||
+ | }}</pre></tt> | ||
+ | ''or'' <tt><nowiki>{{Userbox|side-box colour|main box colour|side-box content|main box content}}</nowiki></tt> | ||
+ | |style="background: #fff;"|{{Userbox|border-c=#000|border-s=1|id-c=#fff|id-s=12|id-fc=#000|info-c=#039|info-s=8|info-fc=#fff|id=ID|info=info box content}} | ||
+ | |- | ||
+ | !colspan="2" style="background: #fff; text-align: left; padding: 0 1em;"|Reverse box | ||
+ | |- | ||
+ | |style="background: #fff;"|<pre>{{Userbox-r | ||
+ | |border-c = #000 | ||
+ | |border-s = 1 | ||
+ | |id-c = #fff | ||
+ | |id-s = 12 | ||
+ | |id-fc = #000 | ||
+ | |info-c = #039 | ||
+ | |info-s = 8 | ||
+ | |info-fc = #fff | ||
+ | |id = ID | ||
+ | |info = info box content | ||
+ | }}</pre> | ||
+ | ''or'' <tt><nowiki>{{Userbox-r|side-box colour|main box colour|side-box content|main box content}}</nowiki></tt> | ||
+ | |style="background: #fff;"|{{Userbox-r|border-c=#000|border-s=1|id-c=#fff|id-s=12|id-fc=#000|info-c=#039|info-s=8|info-fc=#fff|id=ID|info=info box content}} | ||
+ | |- | ||
+ | !colspan="2" style="background: #fff; text-align: left; padding: 0 1em;"|Double box | ||
+ | |- | ||
+ | |style="background: #fff;"|<pre>{{Userbox-2 | ||
+ | |border-c = #000 | ||
+ | |border-s = 1 | ||
+ | |id1-c = #fff | ||
+ | |id1-s = 12 | ||
+ | |id1-fc = #000 | ||
+ | |id2-c = #000 | ||
+ | |id2-s = 12 | ||
+ | |id2-fc = #fff | ||
+ | |info-c = #039 | ||
+ | |info-s = 8 | ||
+ | |info-fc = #fff | ||
+ | |id1 = ID 1 | ||
+ | |id2 = ID 2 | ||
+ | |info = info box content | ||
+ | }}</pre> | ||
+ | ''or'' <tt><nowiki>{{Userbox-2|side-box 1 colour|main box colour|side-box 1 content|message|side-box 2 content|border colour|side-box 2 colour|main box font-colour|box border thickness}}</nowiki></tt> | ||
+ | <br/>'''''Note''': If omitted, border colour and side-box 2 colour default to the same colour as side-box 1, and font colour is black. Default border thickness is 1.'' | ||
+ | |style="background: #fff;"|{{Userbox-2|border-c=#000|border-s=1|id1-c=#fff|id1-s=12|id1-fc=#000|id2-c=#000|id2-s=12|id2-fc=#fff|info-c=#039|info-s=8|info-fc=#fff|id1=ID 1|id2=ID 2|info=info box content}} | ||
+ | |- | ||
+ | !colspan="2" style="background: #fff; text-align: left; padding: 0 1em;"|Mini box | ||
+ | |- | ||
+ | |style="background: #fff;"|<pre>{{Userbox-m | ||
+ | |border-c = #000 | ||
+ | |border-s = 1 | ||
+ | |id-c = #fff | ||
+ | |id-s = 12 | ||
+ | |id-fc = #000 | ||
+ | |id = ID | ||
+ | }}</pre> | ||
+ | ''or'' <tt><nowiki>{{Userbox-m|box colour|box content}}</nowiki></tt> | ||
+ | |style="background: #fff;"|{{Userbox-m|border-c=#000|border-s=1|id-c=#fff|id-s=12|id-fc=#000|id=ID}} | ||
+ | |} | ||
[[category:Userboxes | Templates]] | [[category:Userboxes | Templates]] |
Revision as of 11:19, 23 December 2006
Here are some template to help users make boxes more easily.
How to construct the box
There are a number of box types to select from when deciding to make a userbox. The most commonly used design is the "Standard box". It has one square shaped area on the left ("id") and a rectangular area on the right ("info").
For ease of use, userboxes are made using maker-templates that have a number of parameters. Once the maker-template is saved, it is automatically transformed to HTML.
Template Parameters | Meaning | Value type |
---|---|---|
border-c | The border colour of the userbox | CSS color value, #hex or colour name) |
border-s | The border size of the userbox | Width in pixels |
id-c | The background colour of the id box | CSS colour value |
id-s | The font size of the id box | Size in Point |
id-fc | The font colour of the id box text | CSS colour value |
info-c | The background colour of info box | CSS colour value |
info-s | The font size of info box | Size in PostScript points |
info-fc | The font colour of info box | CSS colour value |
id | This is the content of the id box | Text |
info | This is the content of info box | Text |
Userbox types
Code | Appearance | |||
---|---|---|---|---|
Standard box | ||||
{{Userbox |border-c = #000 |border-s = 1 |id-c = #fff |id-s = 12 |id-fc = #000 |info-c = #039 |info-s = 8 |info-fc = #fff |id = ID |info = info box content }}</tt> or {{Userbox|side-box colour|main box colour|side-box content|main box content}} |
| |||
Reverse box | ||||
{{Userbox-r |border-c = #000 |border-s = 1 |id-c = #fff |id-s = 12 |id-fc = #000 |info-c = #039 |info-s = 8 |info-fc = #fff |id = ID |info = info box content }} or {{Userbox-r|side-box colour|main box colour|side-box content|main box content}} |
| |||
Double box | ||||
{{Userbox-2 |border-c = #000 |border-s = 1 |id1-c = #fff |id1-s = 12 |id1-fc = #000 |id2-c = #000 |id2-s = 12 |id2-fc = #fff |info-c = #039 |info-s = 8 |info-fc = #fff |id1 = ID 1 |id2 = ID 2 |info = info box content }} or {{Userbox-2|side-box 1 colour|main box colour|side-box 1 content|message|side-box 2 content|border colour|side-box 2 colour|main box font-colour|box border thickness}}
|
| |||
Mini box | ||||
{{Userbox-m |border-c = #000 |border-s = 1 |id-c = #fff |id-s = 12 |id-fc = #000 |id = ID }} or {{Userbox-m|box colour|box content}} |
|
Pages in category "Userbox templates"
The following 5 pages are in this category, out of 5 total.