What it Looks Like
Default
|
This user is wearing a shirt! |
Examples
|
This user is wearing a vest! |
|
This user is wearing a hat! |
|
This user is wearing a dress! |
Description
As per Zanny77's request, I present unto thee; the clothes box. Right now it's got limited functionality for simplicities sake, but if you guys decide you want me to maximize this thing's "customizability", I'll do it.
Notes
When specifying an image, it is best to choose as square an image as possible. If there are no square images, then it's best to choose a wider image over a taller one, as this will maintain the normal dimensions of the box.
Future Versions
At the moment, I'm not sure whether to make additional versions or not. All comes down to whether people ask for more or not.
Instructions
To use this userbox on your page, copy and paste the following into your code:
{{User:Audacitor/Userboxes/Library/ClothesBox}}
Then, add any options you want. This userbox supports the following options:
|
What to Type
|
What to Expect
|
|
ImageLocation=Image:Gantelets.jpg
|
|
This user is wearing a shirt! |
|
|
Clothing=boxers
|
|
|
FontColor=lime(more colors)
FontColor=#00FF00
FontColor=#0F0
FontColor=rgb(0,255,0)
|
|
|
This user is wearing a shirt! |
|
|
BorderThickness=3px
|
|
|
This user is wearing a shirt! |
|
|
BorderColor=blue(more colors)
BorderColor=#0000FF
BorderColor=#00F
BorderColor=rgb(0,0,255)
|
|
|
This user is wearing a shirt! |
|
|
ImageBackgroundColor=yellow(more colors)
ImageBackgroundColor=#FFFF00
ImageBackgroundColor=#FF0
ImageBackgroundColor=rgb(255,255,0)
|
|
|
This user is wearing a shirt! |
|
|
ContentBackgroundColor=cyan(more colors)
ContentBackgroundColor=cyan=#00FFFF
ContentBackgroundColor=cyan=#0FF
ContentBackgroundColor=cyan=rgb(0,255,255)
|
|
|
This user is wearing a shirt! |
|
|
OutlineColor=red(more colors)
OutlineColor=#FF0000
OutlineColor=#F00
OutlineColor=rgb(255,0,0)
|
|
|
This user is wearing a shirt! |
|
Premades
Here's a collection of styles that have been premade, so you don't have to mess and muck about trying to get the look you want. Just copy and paste the code like you would any other userbox. Once you've done that, you can just tweak the options to add a little bit of edge to it.
The only things you really need to choose are an Image (using "ImageLocation") and an article of clothing (using "Clothing").
|
What to Type
|
What to Expect
|
|
{{User:Audacitor/Userboxes/Library/ClothesBox|ImageLocation=Image:PoloshirtDrawing.svg|
Clothing=shirt|FontColor=#880000|BorderColor=#FF0000|OutlineColor=#FF8800|
ImageBackgroundColor=#FF8800|ContentBackgroundColor=#FFBB88}}
|
|
|
This user is wearing a shirt! |
|
|
{{User:Audacitor/Userboxes/Library/ClothesBox|ImageLocation=Image:PoloshirtDrawing.svg|
Clothing=shirt|FontColor=#008800|BorderColor=#008800|OutlineColor=#00FF00|
ImageBackgroundColor=#00FF00|ContentBackgroundColor=#BBFF88}}
|
|
|
This user is wearing a shirt! |
|
|
{{User:Audacitor/Userboxes/Library/ClothesBox|ImageLocation=Image:PoloshirtDrawing.svg|
Clothing=shirt|FontColor=#888800|BorderColor=#888800|OutlineColor=#FFFF00|
ImageBackgroundColor=#FFFF00|ContentBackgroundColor=#FFFF88}}
|
|
|
This user is wearing a shirt! |
|
|
{{User:Audacitor/Userboxes/Library/ClothesBox|ImageLocation=Image:PoloshirtDrawing.svg|
Clothing=shirt|FontColor=#000088|BorderColor=#0000FF|OutlineColor=#0088FF|
ImageBackgroundColor=#0088FF|ContentBackgroundColor=#88FFFF}}
|
|
|
This user is wearing a shirt! |
|
How it Works
Like any other userbox, this one is made from a table. Like any other made by me, said table is written in HTML, Wiki Markup.
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.
|
