User blog:2Actimv/A guide on user pages part 3: what to design?

In the last part I'm going to help you design a cool user page. I'll start with a very basic one and go developing it to something very cool. At the end you can find another other cool design you can use as well.

Starting standard
Maybe not as standard as you would've expected, but still. It consists of some borders at the top and bottom. Furthermore the text aligning, padding, font size and font family has been customized. This code results in this.

Making space for links
You may want to add helpful links, quotes or edit statistics as well, but of course you want to have a special place for this. The following code makes this possible. This code results in this.

I want borders!
Well okay then, here you have an extra border. This code results in this. {| style="width: 85%; margin: auto; text-align: justify; padding-top: 5px; padding-bottom: 5px;" cellspacing="0" cellpadding="0"
 * colspan="3" style="background: steelblue; height: 8px; border-top-left-radius: 15px 8px; border-top-right-radius: 15px 8px;" |
 * style="padding: 10px 20px; font-size: 175%; font-family: Tahoma, Geneva, sans-serif;" | Hello there!
 * rowspan="2" style="background: steelblue; width: 8px;" |
 * rowspan="2" style="width: 120px; text-align: left; font-size: 135%; font-family: Tahoma, Geneva, sans-serif;" |
 * rowspan="2" style="width: 120px; text-align: left; font-size: 135%; font-family: Tahoma, Geneva, sans-serif;" |


 * style="padding: 10px 15px; padding-top: 3px; font-size: 125%; font-family: Tahoma, Geneva, sans-serif;"| I'm 2Actimv (nicknamed 2A often) and welcome to my user page! I'm a chat moderator on this wiki and you can find me often hanging out in chat as well. You may also see me answering some questions on the forums or just writing a new blog post. Besides that I'm active on various wikis: Football Wiki, Chat Skins Wiki and Agar.io Wiki for example.
 * colspan="3" style="background: steelblue; height: 8px; border-bottom-left-radius: 15px 8px; border-bottom-right-radius: 15px 8px;" |
 * }
 * colspan="3" style="background: steelblue; height: 8px; border-bottom-left-radius: 15px 8px; border-bottom-right-radius: 15px 8px;" |
 * }

Getting pro
If you want to have a nice background you definitely need this one. This code results in this. {| style="width: 85%; margin: auto; text-align: justify; padding-top: 5px; padding-bottom: 5px; background: repeating-linear-gradient(30deg, #56B3AC, #56B3AC 15px, #479E98 15px, #479E98 30px); color: white; border-radius: 15px; padding: 5px;" cellspacing="0" cellpadding="0"
 * colspan="3" style="background: white; height: 8px; border-top-left-radius: 15px 8px; border-top-right-radius: 15px 8px;" |
 * style="padding: 10px 20px; font-size: 175%; font-family: Tahoma, Geneva, sans-serif;" | Hello there!
 * rowspan="2" style="background: white; width: 8px;" |
 * rowspan="2" style="width: 120px; text-align: left; font-size: 135%; font-family: Tahoma, Geneva, sans-serif;" |
 * rowspan="2" style="width: 120px; text-align: left; font-size: 135%; font-family: Tahoma, Geneva, sans-serif;" |


 * style="padding: 10px 15px; padding-top: 3px; font-size: 125%; font-family: Tahoma, Geneva, sans-serif;"| I'm 2Actimv (nicknamed 2A often) and welcome to my user page! I'm a chat moderator on this wiki and you can find me often hanging out in chat as well. You may also see me answering some questions on the forums or just writing a new blog post. Besides that I'm active on various wikis: Football Wiki, Chat Skins Wiki and Agar.io Wiki for example.
 * colspan="3" style="background: white; height: 8px; border-bottom-left-radius: 15px 8px; border-bottom-right-radius: 15px 8px;" |
 * }
 * colspan="3" style="background: white; height: 8px; border-bottom-left-radius: 15px 8px; border-bottom-right-radius: 15px 8px;" |
 * }

If you want to use your user page everywhere on wikia, you can add it here on Community Central. Go to the page Template:User:"username" (with your username at the end of course) and you can add it it on every wiki by adding.

Other example
Here's another example you can use.

I hope this blog post was helpful. Sorry for the bunch of coding this time, but this blog post was about designing and then you kind of need to drop a lot coding.

 What to tell? - What to show? -  What to design?