A userbox (commonly abbreviated as UBX) is a small colored box (see examples to the right) designed to appear only on a Wikipedian's user page as a communicative notice about the user, in order to directly or indirectly help Wikipedians collaborate more effectively on articles.
The first userboxes were introduced to support the Babel inter-language effort by indicating users' skills in other languages.
Be mindful that like anything else you add to Wikipedia, userboxes you add will likely be public forever, even if you later have your user page deleted. (Like other Wikipedia pages, your user page will be regularly archived in the database dumps and may be archived by third parties such as the Internet Archive.)
Contents
Using existing userboxes
Userboxes belong on their users' pages. In some cases, it may be considered uncivil to place userboxes on other users' pages without their permission (especially in a mean-spirited way—transphobia, homophobia, racism, sexism, etc). However, userboxes may be placed on non-mainspace talk/discussion pages by anyone. (See also Wikipedia:Talk page.) The {{clear}}
template can be placed after the plain userbox if text is added on a new line immediately after it.
A gallery of existing userboxes can be found here: WP:Userboxes/Gallery.
Syntax
The standard syntax for adding a userbox to your user page (also known as transclusion) is: {{user name_of_box}}
.
Optional substitution
You may decide to substitute the template code onto your user page using the syntax {{subst:user name_of_box}}
. The use of "subst:" will ensure that the template is always displayed in its form when you add it to your user page, i.e. it will not reflect subsequent edits to the template. This method will lead to large amounts of code on your user page.
Creating a new userbox
- If you wish to offer an idea for a userbox, do so on the ideas page.
If you have designed a userbox that you would like to make available to others, you may wish to first display it on the New Userboxes talk page for community comment.
Which namespace?
The namespace you place your userbox in matters. Userboxes may only be created or displayed in the User, Project (Wikipedia), or Template namespaces.
So should your userbox be prefixed with User:
, Wikipedia:
, or Template:
?
Since content in User:
space represents individual editors more than the community, they are traditionally given more leeway than in other namespaces. Thus, userboxes in User:
space may not be as directly collaborative in nature as those in Template:
or Wikipedia:
namespaces, which are expected to adhere more tightly with certain policies and guidelines, especially Neutral point of view and What Wikipedia is not. This should also be considered before moving a userbox from userspace to any other namespace.
Here is some advice:
User:
- To host a userbox in the user namespace, simply create a subpage of your own user page or User:UBX.
Wikipedia:
- Userboxes in the project namespace are generally for WikiProject or task force usage. Simply create it as a subpage of the WikiProject (e.g.
Wikipedia:WikiProject Board and table games/Userbox
). Template:
- In the template namespace, userbox names must begin with "
User
" (e.g.Template:User Brazil
orTemplate:User en
)
If you are uncertain if your userbox is in the correct namespace, consider presenting the userbox at the New Userboxes talk page for community comment.
Userboxes and category use
A userbox can be coded to autocategorise any user pages which transclude the userbox into one or more user categories. However, do not use autocategorisation without good reason.
- Most userboxes refer to a single isolated characteristic of the user; unless the characteristic directly relates to the user's ability or willingness to collaborate on certain areas of or topics within Wikipedia, a user category should not exist for it and the userbox should not be used for categorisation.
- Users of the userbox can be located using the Special:WhatLinksHere tool from the userbox template. Networking between editors with similar interests or views is best done using a projectspace essay with a signup section for editors interested in networking.
- If there is a good reason for the user category, first create the category pages and include a description that explains its purpose and scope.
- User categories must be sub-categories of Category:Wikipedians.
- Names and descriptions of user categories are subject to the same rules and restrictions as userbox content.
Userbox content
Content restrictions
- All userboxes are governed by the civility policy.
- Userboxes must not include incivility or personal attacks.
- Userboxes must not be inflammatory or divisive.
- Wikipedia is not an appropriate place for propaganda, advocacy, or recruitment of any kind, commercial, political, religious, or otherwise, opinion pieces on current affairs or politics, self-promotion, or advertising.
Simply: If content is not appropriate on other parts of a user page, it is not appropriate within userboxes.
Caution about image use
Wikimedia Commons has a large range of icons for use within boxes. However, if you select an image from somewhere else, make certain the image has a free license. Templates (which includes userboxes and topicons) on user pages may not contain any copyrighted content not under free license; so, for example, "fair use" images are explicitly forbidden. This is interpreted strictly and without exception. See Wikipedia's fair use policy guidelines for more details.
Caution about colours
Please be mindful of the colour contrast guidelines at WP:COLOUR - low-contrast colours present accessibility barriers to people with colour-blindness or other visual disabilities.
Content examples
- The following section is not to be considered all-inclusive. As such, other word combinations (both appropriate and inappropriate) are obviously possible.
Typical userbox content:
- This user <verb phrase> <noun phrase>
- This user <verb phrase> <noun phrase> <prepositional phrase>
Typical verbs:
- verbs of action: contributes (to), drives, eats, edits, plays, uses, watches
- verbs of comprehension: reads, speaks, understands
- verbs of preference: enjoys, likes, loves
Additional examples, using the linking verb is:
- This user is <noun phrase>
- This user is a fan of <noun phrase>
- This user is a member of <noun phrase>
- This user is interested in <noun phrase>
To avoid the awkward third-person phrasing ("This user"), you can use "{{#titleparts: {{PAGENAME}} | 1 | 1 }}
" (without the quotes) to insert the name of the user that includes it on their page. E.g. "{{#titleparts: {{PAGENAME}} | 1 | 1 }}
uses second-person phrasing" produces "Userboxes uses second-person phrasing".
Potentially divisive words
Avoid verbs (often followed by the word "that") which may be used to suggest negative comparison and would thus be potentially divisive, such as:
- believes, considers, finds, knows, prefers, thinks, wishes.
Avoid negative verb phrases which can be potentially divisive, such as:
- dislikes, despises, hates, loathes
Also avoid compound sentences which are positive and negative, such as:
- This user likes <noun phrase>, but does not like <another noun phrase>.
Essentially: Express what you do like, rather than what you don't like. Express what you comprehend, rather than what you don't comprehend. Express what you do, rather than what you don't. Express who you are, rather than who you aren't.
Design: 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 typically made using maker-templates that have a number of parameters.
Template Parameters | Meaning | Value type |
---|---|---|
border-c | The border color of the userbox. | CSS color value (#hex or color name) |
border-s | The border size of the userbox. | Width in pixels |
id-c | The background color of the id box. | CSS color value |
id-s | The font size of the id box. | Size in PostScript points |
id-fc | The font color of the id box text. | CSS color value |
id-p | The distance between border and content of id box. | CSS padding width value. px, pt |
id-lh | The distance between text lines of id box. | CSS relative line height/length value. em |
info-c | The background color of info box. | CSS color value |
info-s | The font size of info box. | Size in PostScript points |
info-fc | The font color of info box. | CSS color value |
info-p | The distance between border and content of info box. | CSS padding width value. px, pt |
info-lh | The distance between text lines of info box. | CSS relative line height/length value. em |
id | This is the content of the id box. | Free-form |
info | This is the content of info box. | Free-form |
The id and info boxes can include text, links, and images using the usual Wikipedia syntax. Generally, the info box will contain a sentence with a link or two, while the id box will contain a few letters or a 43px image.
Userbox types
Types of Userboxes | ||||
---|---|---|---|---|
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=Content}}
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=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=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}} |
|
Userbox sampling templates
To make it easier to quote the generation code for a userbox in a uniform format, a template {{Userbox sample compact}} has been made available, which produces a picture of the userbox along with the code necessary to create it. To use it, just give it exactly the same parameters you would give the {{Userbox}} template. You must use subst:, or the template will not work properly. An example is shown below:
- {{subst:Userbox sample compact|id=UBX|id-c=red|info=This is a '''[[WP:UBX|Userbox]]'''.}}
Produces:
{{Userbox | border-c = #999 | border-s = 1 | id-c = red | id-s = 14 | id-fc = black | info-c = #EEE | info-s = 8 | info-fc = black | id = UBX | info = This is a '''[[WP:UBX|Userbox]]'''. | float = left }} |
|
There are not yet any similar templates available for userboxes created by the templates Userbox-r, Userbox-2 and Userbox-m.
Grouping userboxes
Using the Userboxtop template
Example 1
|
As with the Babel box, there is a box to group userboxes together. Just make a list of userboxes with {{Userboxtop|box-name}} at the top, followed by your list of userboxes, and {{Userboxbottom}} at the bottom. For example, the box to the right is created using the following list:
{{Userboxtop|Example 1}}
{{Wikipedia:WikiProject Userboxes/Userbox}}
{{User:UBX/Rome}}
{{User:Nihiltres/Userboxes/Friendly}}
{{Userboxbottom}}
Using collapsible tables
Example 2
|
If you wish to group your userboxes into expandable lists in the {{Userboxtop}} template, one way of doing this is by using collapsible tables with certain classes. Wikipedia's Mediawiki configuration attempts to make this happen through a combination of ECMAScript and CSS. This method is accessible to users with ECMAScript (jScript/JavaScript) disabled, and should work in most modern browsers (it is the method used by {{Navbox}}).
- Using the codes in Help:Collapsing works much better and simpler using normal wiki table markup!
{{Userboxtop|Example 2}}
<table class="collapsible collapsed" style="width: 100%; background: transparent; color: inherit;">
<tr><th class="navbox-title">(Caption)</th></tr>
<tr><td>
(Place your userboxes here...)
</td></tr>
</table>
{{Userboxbottom}}
Include 'collapsed
' if you want the box to start closed, omit it if you want the box to start open. You can also use multiple tables to get separate collapsible parts like in the example to the right.
You can now use {{Userboxgroup}} to create this kind of box.
Using the Babel grouping system
Similar results can be achieved with either of the following:
Code | Result | |||||||||
---|---|---|---|---|---|---|---|---|---|---|
{{Babel-X|Mac Pro|Rome/2|:Nihiltres/Userboxes/Friendly}}
|
| |||||||||
{{UBX-X|Mac Pro|Rome/2|:Nihiltres/Userboxes/Friendly}}
|
|
The older Babel grouping system can also be used, e.g. {{Babel-3|sv|no-4|rome}}
. However, it only works for user boxes with the "User" prefix, which must then be dropped for the arguments. Also, boxes that need arguments of their own (such as {{User:UBX/Monty Python}}) cannot be used with the Babel system.
Using tables
Another alternative would be to table your userboxes:
{| style="margin: 1em auto;" |+ example 6 |- | {{User:AusTerrapin/Box:Jazz Fusion}} {{User_USAFo5}} |- | {{User helper}} {{User:The Raven's Apprentice/Userboxes/User Warm}} |}
would produce the following:
| ||||
To center one userbox use this coding:
{| style="margin: 1em auto;" |+ example 7 |- | {{User:Saoshyant/Userboxes/User oops}} |}
which produces:
|
Combining tables and the boxboxtop template
Yet another method of grouping boxes is done by combining Examples 2 and 4 together. Example 2 breaks DHTML interoperability. It works as intended on Internet Explorer; however, it does not work well with Firefox, Google Chrome or Opera when additional hide/show sections are added. This solution provides proper rendering on all three web browsers and scales much better when it comes to the number of groups you want to have. The table property can be adjusted by adding width="100%" (adjusting its percentage or by using a pixel width multiple of the userbox) to add more than one column. Another property align="right" can be changed to place the userboxes left, right, or center of the page.
|
{| style="background-color: transparent; text-align: right; width: 160px;"
|-
|<div>
{{Boxboxtop| }}
<div class="NavFrame" style="padding: 0px; border-style: none;">
<div class="NavFrame" style="border-style: none; padding: 0px;">
<div class="NavHead" style="background: #EDF1F1; text-align: left; text-style: normal;">
Caption</div><div class="NavContent" style="display: none;">
''Place your userboxes here...''
</div></div></div>
{{Boxboxbottom}}
''Place additional userbox groups here...''
</div>
|}
See also
- Wikipedia:Jimbo on Userboxes
- Wikipedia:List of userbox deletion nominations
- Wikipedia:User page design center
- Wikipedia:Userbox Maker
- Wikipedia:Userbox migration
- Wikipedia:Userboxes/Galleries
- Wikipedia:Userboxes/Galleries/All
- Wikipedia:WikiProject Userboxes
Users who make userboxes upon request
- Abelmoschus Esculentus (talk • contribs) (Gallery here) (RETIRED)
- AkshayAnand (talk · contribs) (Gallery here)
- Andrei Marzan (talk · contribs) (Gallery here)
- andrybak (talk · contribs)
- Buaidh (talk • contribs)
- いくらBraden1127 イクラꅇ (gallery)
- Dainomite (talk · contribs) (Gallery here)
- FlyingShrimp (talk · contribs) (Gallery here)
- FlightTime (talk · contribs) (Gallery)
- gupdoo3 (talk · contribs) (Gallery here)
- Horsegeek (talk · contribs) (Gallery here)
- Jionunez (talk · contribs) (Gallery here)
- One.good.tennis.player (talk · contribs) (Gallery here)
- Sandy14156 :) (Gallery here) You can request userboxes right here:
- SportsFan007 (talk • contribs) (Gallery here)
- UserboxMaker35 (talk · contribs) (Gallery here)
- W.carter (talk · contribs) (Gallery here)
- White Arabian Filly (talk · contribs) (Gallery here)
- Zach Vega (talk · contribs)
- Zanygenius (talk · contribs · count · logs) I have created a few userboxes, but I feel like that I'm falling out. I would love to help you!!!
- CrazyMinecart88 (talk · contribs) (Gallery here)
- Dr.Meepster(<chat> • <userboxes> • <>)
- DannyS712 (talk · contribs)
- bug2266 (talk · contribs)