User:JosiahVM/Userboxes/Guide/Creating
From Wikipedia, the free encyclopedia
A guide to making a Userbox.
Part A: Creating the Userbox
1) Copy this template:
{{Userbox
|border-c=
|border-s=
|id=
|id-c=
|id-s=20
|id-fc=
|id-p=0px
|id-lh=1
|info=
|info-c=
|info-s=16
|info-fc=
|info-a=
|info-lh=1
}}
2) Decide what you want each of the following to be:
- border color (hex (#c93e76))
- border size (pixels (3px))
- text to display
- text color
- background color
- text alignment (left, center, righ)
- text/image to display to the left
- color of text/image to display to the left
- background color of text/image to display to the left
If you do not understand any of these or if you do not know what you want it be yet, you can leave it for later or not do it at all.
3) Once you have all of the attributes from step 2 put them into the template as such:
- border color (hex (#c93e76))
border-c
- border size (pixels (3px))
border-s
- text to display
info
- text color
info-fc
- background color
info-c
- text alignment (left, center, righ)
info-a
- text/image to display to the left
id
- color of text/image to display to the left
id-fc
- background color of text/image to display to the left
id-c
4) You should now have something similar to the below example
{{Userbox
|border-c=red
|border-s=2px
|id=[[File:Crystal_kthememgr.svg]]
|id-c=#010101
|id-s=20
(I did not have anything to put for id-fc so i deleted it)
|id-p=0px
|id-lh=1
|info=This user knows how to make Userboxes
|info-c=#000000
|info-s=16
|info-fc=#2c9e9d
|info-a=center
|info-lh=1
}}
Which looks like:
Part B: Turning it into a template you (or anyone) can use
1) Go to the URL you will have the userbox at
This usally follows this pattern: https://en.wikipedia.org/wiki/User:YouUsername/userboxes/NameOfUserboxYouJustMade
2) Making the page
- Once you are at the URL you chose you should see a page telling you that a page with that exact name does not exsist.
- Click "Start the User:YouUsername/userboxes/NameOfUserboxYouJustMade." link
- In the editing area paste your created userbox in
- e.g.
{{Userbox |border-c=red |border-s=2px |id=[[File:Crystal_kthememgr.svg]] |id-c=#010101 |id-s=20 (I did not have anything to put for id-fc so i deleted it) |id-p=0px |id-lh=1 |info=This user knows how to make Userboxes |info-c=#000000 |info-s=16 |info-fc=#2c9e9d |info-a=center |info-lh=1 }} <noinclude> [[Category:WikiProject_Userboxes]] [[Category:any other catagory you think applies]] </noinclude>
- Add any relevent catagories inbetween
- Check that in the preview area the userbox looks how you want it to look, if it does not you should change it now.
- Click publish and remember the page name.
3) Using the userbox
- Go to your userpage and click edit (or any page you want the userbox on)
- Where ever you want the userbox add this string "{{User:YouUsername/userboxes/NameOfUserboxYouJustMade}}"
- Click save and it should appear
You now have a custom userbox that you made; congratulations!
Part C: Advanced (optional)
Customisable Templates
{{Userbox
|border-s=0
|id-c=Black
|info='''This user's favorite game is {{{1|[''GameTitle'']}}}.'''
|info-a=center
|info-fc={{{3|[''fontColor'']}}}
|info-c={{{2|[''bgColor'']}}}
}}
When using the above template ({{User:JosiahVM/Userboxes/FavouriteGame|Gametitle|#f9f9f9|#090909}}), you can specify:
- Game Title,
- background color,
and - font color
by changing the values after the "|"
This is done by setting one or more value to {{{1|[''value if nothing is specifies'']}}}
- This way the first value after the "|" (in the above example "Gametitle") is substiuted into where ever {{{1|[''value if nothing is specifies'']}}} is placed.
You can repeat this to specify multiple values
- e.g. {{{1|[''background color'']}}}, {{{2|[''text to display'']}}}, {{{3|[''font color'']}}}
- (be sure to change the "1|" to a different value, and to use the attributes in the correct order.)
Using UserBox organisation
Using :
{{Userboxtop}} (required)
{{User:YouUsername/userboxes/NameOfUserboxYouJustMade}} (exmaple)
{{User:JosiahVM/Userboxes/FavouriteGame|Gametitle|#f9f9f9|#090909}} (example)
{{any userboxes you want}} (optional)
{{etc.}} (optionall)
{{Userboxbottom}} (required)
You can neatly organise all--or some--of your userboxes to the side.
- e.g. ——→
This user's favorite game is Gametitle.*