Help:Userbox: Difference between revisions
(see below doesn't work for now) |
(→Code of a Userbox: headway!) |
||
| Line 15: | Line 15: | ||
==Contents of a Userbox== | ==Contents of a Userbox== | ||
[[Image:Userboxexample.jpg|left]] | [[Image:Userboxexample.jpg|left]]<br><br><br><br><br><br> | ||
#The ''border color'' sets what it says. | #The ''border color'' sets what it says. | ||
| Line 27: | Line 25: | ||
The four six-alphanumeric codes above are hex decimal colors. The maincolor is automatically black, but can be changed using <nowiki><span></nowiki> tags. | The four six-alphanumeric codes above are hex decimal colors. The maincolor is automatically black, but can be changed using <nowiki><span></nowiki> tags. | ||
==Code of a Userbox== | |||
The code of the ''vg-5'' userbox above was <tt><nowiki>{{userbox|border=#FF0000|mainbkgd=#FF5555|codebkgd=#FF0000|codecolor=#000000|code=vg-5|msg=This user is a professional gamer.}}</nowiki></tt>. As revealed by the two squiggly brackets, the code is a [[Template:Userbox|template]]. There is also a [[Template:Userboxtop|top]] and a [[Template:Userboxbottom|bottom]] template to add inbetween the userboxes, completing the Userbox Tower. The code of these templates, one at a time: | |||
''Userboxtop'' | |||
<tt><nowiki>{| name="userboxes" id="userboxes" style="float: right; margin-left: 1em; margin-bottom: 1ex; width: 242px; border: 1px solid #99B3FF; clear: right" | |||
|- | |||
| style="text-align: center" | '''[[MarioWiki:Userbox|Userbox Tower]]''' | |||
|- | |||
|</nowiki></tt> | |||
This part opens up a table, aligned to the right, with the header "Userbox Tower" (linking to the Userbox page). It sets up the main code... | |||
''Userbox'' | |||
<tt><nowiki>|- | |||
|<div style="float: left; border:solid {{{border}}} 1px; margin: 1px;"> | |||
{| cellspacing="0" style="width: 238px; background: {{{mainbkgd}}};" | |||
| style="width: 45px; height: 45px; background: {{{codebkgd}}}; text-align: center; font-size: 14pt; font-family: Arial; color: {{{codecolor}}}" | {{{code}}} | |||
| style="font-size:8pt;font-family:Arial;padding:4pt;line-height:1.25em;" class="plainlinks" | {{{msg}}} | |||
|} | |||
</div></nowiki></tt> | |||
If you've been reading this tutorial, the words inbetween the three squiggly brackets (not two), you should be understanding how it works now. Those six IDs are variables that can be changed for each userbox, by specificing <tt>ID=_____</tt> each time, inbetween <tt>|</tt>s. The hex colors require a # before the six characters. There can be as many userboxes as you want, and they will be "stacked" on top of one another in the right-hand table going down, hence where the name ''Userbox Tower'' came from. Each userbox is an individual table inside of a whole tower table. | |||
''Userboxbottom'' | |||
<tt>|}</tt> | |||
Yes, you're reading everything right. Though you can just as easily type <tt>|}</tt>, using <nowiki>{{userboxbottom}}</nowiki> denotes the end of the userbox on your user page, making it easier to navigate. The sole purpose of the code itself is to close the Tower table from the <nowiki>{{userboxtop}}</nowiki>. | |||
Revision as of 01:32, August 14, 2006
This article is under construction. Therefore, please excuse its informal appearance while it is being worked on. We hope to have it completed by the end of the week (August 11th).
This page explains what a userbox is and how to use, alter and create one.
What is a Userbox?
A userbox is a box that describes you, a user. It can represent a multitude of things:
- Favorite game
- Favorite series
- Favorite characters
- Favorite consoles
- Stuff about you on and or off the wiki
Many userboxes make up a Userbox Tower, a bunch of organized userboxes lined up vertically. There are quite a few available already at Mariowiki:Userbox, but to really express yourself, you may wish to make your own.
Contents of a Userbox
- The border color sets what it says.
- Mainbkgd stands for main background, where the message (6) text is set at.
- Codebkgd likewise stands for the code background, where the left-handed box text or image is set at.
- Codecolor changes the text color in the left-hand box. If an image is used instead, this still has to be filled in, but it will be ineffective.
- Code is what is filled in the left-hand box, either text or an image. An image should not be more than 40 X 40 pixels (see below).
- Msg, likewise, is what is filled in on the right-hand side. Wiki code can be used.
The four six-alphanumeric codes above are hex decimal colors. The maincolor is automatically black, but can be changed using <span> tags.
Code of a Userbox
The code of the vg-5 userbox above was {{userbox|border=#FF0000|mainbkgd=#FF5555|codebkgd=#FF0000|codecolor=#000000|code=vg-5|msg=This user is a professional gamer.}}. As revealed by the two squiggly brackets, the code is a template. There is also a top and a bottom template to add inbetween the userboxes, completing the Userbox Tower. The code of these templates, one at a time:
Userboxtop {| name="userboxes" id="userboxes" style="float: right; margin-left: 1em; margin-bottom: 1ex; width: 242px; border: 1px solid #99B3FF; clear: right" |- | style="text-align: center" | '''[[MarioWiki:Userbox|Userbox Tower]]''' |- |
This part opens up a table, aligned to the right, with the header "Userbox Tower" (linking to the Userbox page). It sets up the main code...
Userbox |- |<div style="float: left; border:solid {{{border}}} 1px; margin: 1px;"> {| cellspacing="0" style="width: 238px; background: {{{mainbkgd}}};" | style="width: 45px; height: 45px; background: {{{codebkgd}}}; text-align: center; font-size: 14pt; font-family: Arial; color: {{{codecolor}}}" | {{{code}}} | style="font-size:8pt;font-family:Arial;padding:4pt;line-height:1.25em;" class="plainlinks" | {{{msg}}} |} </div>
If you've been reading this tutorial, the words inbetween the three squiggly brackets (not two), you should be understanding how it works now. Those six IDs are variables that can be changed for each userbox, by specificing ID=_____ each time, inbetween |s. The hex colors require a # before the six characters. There can be as many userboxes as you want, and they will be "stacked" on top of one another in the right-hand table going down, hence where the name Userbox Tower came from. Each userbox is an individual table inside of a whole tower table.
Userboxbottom
|}
Yes, you're reading everything right. Though you can just as easily type |}, using {{userboxbottom}} denotes the end of the userbox on your user page, making it easier to navigate. The sole purpose of the code itself is to close the Tower table from the {{userboxtop}}.
