Fandom

Community Central

Comments5

A guide on user pages part 3: what to design?

2Actimv March 9, 2016 User blog:2Actimv

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

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.

{| style="width: 85%; margin: auto; text-align: justify; padding-top: 5px; padding-bottom: 5px;"
| style="background: steelblue; height: 8px; border-top-left-radius: 15px 8px; border-top-right-radius: 15px 8px;" |
|-
| style="padding: 7px 20px; font-size: 175%; font-family: Tahoma, Geneva, sans-serif;" | Hello there!
|-
| style="padding: 7px 8px; 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.
|-
| style="background: steelblue; height: 8px; border-bottom-left-radius: 15px 8px; border-bottom-right-radius: 15px 8px;" |
|}

This code results in this.

Hello there!
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.

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.

{| 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; padding: 10px 15px; text-align: left; font-size: 135%; font-family: Tahoma, Geneva, sans-serif;" | [[Special:Contact|Contact Staff]]<br />[[w:c:vstf|Vandalism/Spam]]<br /><br />"Pandas are animals"<br /><br />Threads:<br />{{{{Special:Editcount/2Actimv/Thread}}<br />Board threads:<br />{{Special:Editcount/2Actimv/Board_thread}}
|-
| 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;" |
|}

This code results in this.

Hello there! Contact Staff
Vandalism/Spam

"Pandas are animals"

Threads:
1,246
Board threads:
1,419
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.

I want borders!

Well okay then, here you have an extra border.

{| 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;" |
{| style="width: 100%; margin: auto;" cellspacing="0"
| style="padding: 10px 15px;" | [[Special:Contact|Contact Staff]]<br />[[w:c:vstf|Vandalism/Spam]]
|-
| style="background: steelblue; height: 8px; border-bottom-right-radius: 15px 8px; border-top-right-radius: 15px 8px;" |
|-
| style="padding: 10px 15px;" | "Pandas are animals"
|-
| style="background: steelblue; height: 8px; border-bottom-right-radius: 15px 8px; border-top-right-radius: 15px 8px;" |
|-
| style="padding: 10px 15px;" | Threads:<br />{{Special:Editcount/2Actimv/Thread}}<br />Board threads:<br />{{Special:Editcount/2Actimv/Board_thread}}
|}
|-
| 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;" |
|}

This code results in this.

Hello there!
Contact Staff
Vandalism/Spam
"Pandas are animals"
Threads:
1,246
Board threads:
1,419
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.

Getting pro

If you want to have a nice background you definitely need this one.

{| 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;" |
{| style="width: 100%; margin: auto;" cellspacing="0"
| style="padding: 10px 15px;" | [[Special:Contact|Contact Staff]]<br />[[w:c:vstf|Vandalism/Spam]]
|-
| style="background: white; height: 8px; border-bottom-right-radius: 15px 8px; border-top-right-radius: 15px 8px;" |
|-
| style="padding: 10px 15px;" | "Pandas are animals"
|-
| style="background: white; height: 8px; border-bottom-right-radius: 15px 8px; border-top-right-radius: 15px 8px;" |
|-
| style="padding: 10px 15px;" | Threads:<br />{{Special:Editcount/2Actimv/Thread}}<br />Board threads:<br />{{Special:Editcount/2Actimv/Board_thread}}
|}
|-
| 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;" |
|}

This code results in this.

Hello there!
Contact Staff
Vandalism/Spam
"Pandas are animals"
Threads:
1,246
Board threads:
1,419
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.

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 {{w:User:"username"}}.

Other example

Here's another example you can use.

{| style="margin: auto; width: 80%;"
| style="border: 3px solid black; border-top-left-radius: 240px 500px; border-top-right-radius: 500px 140px; border-bottom-left-radius: 500px 140px; border-bottom-right-radius: 240px 500px; padding: 20px 80px 20px 80px; background: repeating-linear-gradient(45deg,darkblue,darkblue 10px,midnightblue 10px,midnightblue 20px); color: white;" | 
<span style="font-size: 200%;">Hello</span><br />
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.
|}

Hello
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.

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?

Also on Fandom

Random Wiki