User:Audacitor/Userboxes/Library/ExampleBox

Return to Library

What it Looks Like

Default

NBY	This user is named Nobody.

Examples

OW	This user is named Oscar Wilde.

LvB	This user is named Ludwig van Beethoven.

h@
ck

This user is named Hackerdude.

Description

A totally and completely useless box that does nothing except show how versatile userboxes can be.

Instructions

To use this userbox on your page, copy and paste the following into your code:

{{User:Audacitor/Userboxes/Library/ExampleBox}}

Then, add any options you want. This userbox supports the following options:

What to Type

What to Expect

IDInitials=SC

SC	This user is named Nobody.

TagName=Santa Claus

NBY	This user is named Santa Claus.

IDFontColor=red^{(more colors)}
IDFontColor=#FF0000
IDFontColor=#F00
IDFontColor=rgb(255,0,0)

NBY	This user is named Nobody.

TagFontColor=lime^{(more colors)}
TagFontColor=#00FF00
TagFontColor=#0F0
TagFontColor=rgb(0,255,0)

NBY	This user is named Nobody.

IDFontSize=8pt
IDFontSize=10px

NBY	This user is named Nobody.

BorderThickness=3px

NBY	This user is named Nobody.

BorderStyle=outset^{(more styles)}

NBY	This user is named Nobody.

BorderColor=blue^{(more colors)}
BorderColor=#0000FF
BorderColor=#00F
BorderColor=rgb(0,0,255)

NBY	This user is named Nobody.

IDBackgroundColor=yellow^{(more colors)}
IDBackgroundColor=#FFFF00
IDBackgroundColor=#FF0
IDBackgroundColor=rgb(255,255,0)

NBY	This user is named Nobody.

TagBackgroundColor=cyan^{(more colors)}
TagBackgroundColor=#00FFFF
TagBackgroundColor=#0FF
TagBackgroundColor=rgb(0,255,255)

NBY	This user is named Nobody.

How it Works

The whole thing is really just a table. The "table" and "td" HTML tags are where most of the magic happens. Those tags use "style" attributes to describe how everything looks using CSS. Most of the template turns the values that CSS uses into variables who's values the user specifies when they call the template.

In fact, this box has ten different variables. That's both really good and really bad at the same time. It's good because there's so much customization available that you could make to instances that have nothing in common; that don't even appear to be from the same template. But then again, it's really bad because ten variables is a lot to remember.

Colors

When inserting an English value for any option that requires a color, the following values can be used:

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white

Note that CSS does not specify the exact shade of color associated with each of the above values. The maroon that one user sees on one computer might not be the same shade of maroon another user sees on hers. If you want to specify an exact shade of color, use any of the alternative methods.

Borders

When adding a value for the "BorderStyle" option, the following may be used:

none, dotted, dashed, solid, double, groove, ridge, inset, outset

Examples can be found here.

Challenge

This box has quite a lot of versatility already. You can modify the look and feel of quite a lot of stuff. But not all of it.

Can you add three more features to this userbox? Note: There's no reward.

Return to Library