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:

  1. border color (hex (#c93e76))
  2. border size (pixels (3px))
  3. text to display
  4. text color
  5. background color
  6. text alignment (left, center, righ)
  7. text/image to display to the left
  8. color of text/image to display to the left
  9. 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:

  1. border-c
    
    border color (hex (#c93e76))
  2. border-s
    
    border size (pixels (3px))
  3. info
    
    text to display
  4. info-fc
    
    text color
  5. info-c
    
    background color
  6. info-a
    
    text alignment (left, center, righ)
  7. id
    
    text/image to display to the left
  8. id-fc
    
    color of text/image to display to the left
  9. id-c
    
    background color of text/image to display to the left

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:

This user knows how to make Userboxes




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

  1. 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.
  2. Click "Start the User:YouUsername/userboxes/NameOfUserboxYouJustMade." link
  3. 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>
    
  1. Add any relevent catagories inbetween
  2. Check that in the preview area the userbox looks how you want it to look, if it does not you should change it now.
  3. Click publish and remember the page name.

3) Using the userbox

  1. Go to your userpage and click edit (or any page you want the userbox on)
  2. Where ever you want the userbox add this string "{{User:YouUsername/userboxes/NameOfUserboxYouJustMade}}"
  3. 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:

  1. Game Title,
  2. background color,
    and
  3. 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. ——→

Related Articles

Wikiwand AI