User:Lilkaykaygal/How to make a navigation

Hi everyone, I'm going to teach you different ways to make a navigation for your Userpage.

Navigation #1

Type this:

{| align="center" cellspacing="12" style="background: transparent; border:0px; text-align:center;" | align="center" style="background: #FFFFFF; border: 2px solid #{{<insert color for the border>}}; -moz-border-radius:30px;" | <span style="font-size: 100%" class="plainlinks">   <insert small picture> {{color2|{{<insert color for first link}}|<insert link>|<insert link name>}} <insert small picture> {{color2|{{<insert color for second link>}}|<insert link>|<insert link name>}} <insert small picture> {{color2|{{<insert color for third link>}}|<insert link>|<insert link name>}} <insert small picture> {{color2|{{<insert color for fourth link>}}|<insert link>|<insert link name>}} <insert small picture> {{color2|{{<insert color for fifth link>}}|<insert link>|<insert link name>}} <insert small picture> {{color2|{{<insert color for sixth link>}}|<insert link>|<insert link name>}} <insert small picture>   <br> <insert small picture> {{color2|{{<insert color for seventh link>}}|<insert link>|<insert link name>}} <insert small picture> {{color2|{{<insert color of eighth link>}}|<insert link>|<insert link name>}} <insert small picture> {{color2|{{<insert color for ninth link>}}|<insert link>|<insert link name>}} <insert small picture></span> |}

Now here's my example

{| align="center" cellspacing="12" style="background: transparent; border:0px; text-align:center;" | align="center" style="background: #FFFFFF; border: 2px solid #{{psychic color}}; -moz-border-radius:30px;" | <span style="font-size: 100%" class="plainlinks">   ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal|User page}} ♪ {{color2|{{psychic color dark}}|User talk:Lilkaykaygal|Talk to Me!}} ♪ {{color2|{{psychic color dark}}|Special:Contributions/Lilkaykaygal|Contributions}} ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Usertags|Usertags}} ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Picture Page|Picture Page}} ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Templates|Templates}} ♪   <br> ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Signatures|Signatures}} ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Running|Running Page}} ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Sandbox|My Sandbox}} ♪</span> |}

Result:

♪ User page ♪ Talk to Me! ♪ Contributions ♪ Usertags ♪ Picture Page ♪ Templates ♪   ♪ Signatures ♪ Running Page ♪ My Sandbox ♪

Navigation #2

Type this:

{| class="roundy" align="center" width="<insert your width>%" style="background: #{{<insert color for background>}}; border: 4px solid #{{<insert color for border>}};" |- align="center" | colspan="10" | '''[[<insert link>|{{color|{{<insert color of link>}}|<insert navigation title>}}]]''' |- align="center" | rowspan="2" | | class="roundy" style="background: #{{<insert color of box background>}}; border: 2px solid #{{<insert box border color>}};" | [[<insert picture>]]<br><br>[[<insert link>|{{color|{{<insert link color>}}|<insert link title>}}]] | rowspan="2" | | class="roundy" style="background: #{{<insert color of box background>}}; border: 2px solid #{{<insert box border color>}};" | [[<insert picture>]]<br><br>[[<insert link>|{{color|{{<insert link color>}}|<insert link title>}]] | rowspan="2" | | class="roundy" style="background: #{{<insert color of box background>}}; border: 2px solid #{{<insert box border color>}};" | [[<insert picture>]]<br><br>[[<insert link>|{{color|{{<insert link color>}}|<insert link title>}}]] | rowspan="2" | | class="roundy" style="background: #{{<insert color of box background>}}; border: 2px solid #{{<insert box border color>}};" | [[<insert picture>]]<br><br>[[<insert link>|{{color|{{<insert link color>}}|<insert link title>}}]] |}

Now here's my example

{| class="roundy" align="center" width="20%" style="background: #{{psychic color light}}; border: 4px solid #{{psychic color}};" |- align="center" | colspan="10" | '''[[User:Lilkaykaygal|{{color|{{psychic color dark}}|KayKay's Navigation}}]]''' |- align="center" | rowspan="2" | | class="roundy" style="background: #{{steel color light}}; border: 2px solid #{{steel color}};" | [[File:DP Dawn.png]]<br><br>[[User:Lilkaykaygal|{{color|{{steel color dark}}|My Userpage!}}]] | rowspan="2" | | class="roundy" style="background: #{{grass color light}}; border: 2px solid #{{grass color}};" | [[File:441.png]]<br><br>[[User talk:Lilkaykaygal|{{color|{{grass color dark}}|My Talk Page!}}]] | rowspan="2" | | class="roundy" style="background: #{{flying color light}}; border: 2px solid #{{flying color}};" | [[File:001.png]]<br><br>[[Special:Contributions/Lilkaykaygal|{{color|{{flying color dark}}|Contributions!}}]] | rowspan="2" | | class="roundy" style="background: #{{water color light}}; border: 2px solid #{{water color}};" | [[File:028.png]]<br><br>[[User:Lilkaykaygal/Sandbox|{{color|{{water color dark}}|My Sandbox!}}]] |}

Result:

KayKay's Navigation
	File:DP Dawn.png My Userpage!		My Talk Page!		Contributions!		My Sandbox!

Navigation #3

Type this:

{| align="center" style="{{roundy}}; border: 2px solid #{{{{{1|<insert color>}}} color}}; background: #{{{{{1|<insert color>}}} color}};" class="expandable" ! style="{{roundytop|5px}}; background: #{{{{{2|{{{1|<insert color>}}}}}} color light}}" colspan="7" | [[<link>|{{color|000|<link title>}}]] |- ! align="right" | On hand: | width="15%" | {{PartyPoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" | {{PartyPoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" | {{PartyPoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" | {{PartyPoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" | {{PartyPoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" | {{PartyPoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} |- class="expandable" | style="{{roundybottom|5px}}; background: #{{{{{2|{{{1|<insert color>}}}}}} color light}}" colspan="7" | |- | style="{{roundy|5px}}; background: #{{{{{1|<insert color>}}} color}}" colspan="7" | {| align="center" style="{{roundy}}; background: #{{{{{1|<insert color>}}} color}};" ! align="right" | | width="15%" |{{ReservePoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" |{{ReservePoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" |{{ReservePoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" |{{ReservePoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" | | width="15%" | |- ! align="right" | | width="15%" |{{ReservePoké|<insert ndex number>||Dawn|<insert Pokémon name>|<insert Pokémon type>|<insert Pokémon secondary type>|nick=<insert nickname>|link=<insert link>}} | width="15%" | | width="15%" | | width="15%" | | width="15%" | | width="15%" | |} |}

Now here's my example:

{| align="center" style="-moz-border-radius: 10px; border: 2px solid #{{{{{1|steel}}} color light}}; background: #{{{{{1|psychic}}} color light}};" class="expandable" ! style="-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: #{{{{{2|{{{1|psychic}}}}}} color}}" colspan="7" | [[User:Lilkaykaygal|{{color|000|KayKay's}}]] [[Pokémon (species)|{{color|000|Pokémon}}]] |- ! align="right" | On hand: | width="15%" | {{PartyPoké|395||Dawn|Empoleon|water|steel|nick={{tt|Empoleon|My Userpage}}|link=User:Lilkaykaygal}} | width="15%" | {{PartyPoké|405||Dawn|Luxray|electric|nick={{tt|Luxray|My Talk (Chat to Me!)}}|link=User talk:lilkaykaygal}} | width="15%" | {{PartyPoké|407||Dawn|Roserade|grass|poison|nick={{tt|Roserade|My Contribs}}|link=Special:Contributions/Lilkaykaygal}} | width="15%" | {{PartyPoké|398||Dawn|Staraptor|normal|flying|nick={{tt|Staraptor|My Usertags}}|link=User:Lilkaykaygal/Usertags}} | width="15%" | {{PartyPoké|078||Dawn|Rapidash|fire|nick={{tt|Rapidash|My Picture Page}}|link=User:Lilkaykaygal/Picture Page}} | width="15%" | {{PartyPoké|468||Dawn|Togekiss|normal|flying|nick={{tt|Togekiss|Templates}}|link=User:Lilkaykaygal/Templates}} |- class="expandable" | style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; background: #{{{{{2|{{{1|psychic}}}}}} color}}" colspan="7" | |- | style="-moz-border-radius: 5px; background: #{{{{{1|psychic}}} color}}" colspan="7" | {| align="center" style="-moz-border-radius: 10px; background: #{{{{{1|psychic}}} color}};" ! align="right" | | width="15%" | {{ReservePoké|484|Dawn|Palkia|dragon|water|nick={{tt|Palkia|Run like a Maniac}}|link=User:Lilkaykaygal/Running}} | width="15%" | {{ReservePoké|157|Dawn|Typhlosion|fire|nick={{tt|Typhlosion|Sign Here, here and here}}|link=User:Lilkaykaygal/Signatures}} | width="15%" | {{ReservePoké|250|Dawn|Ho-oh|fire|flying|nick={{tt|Ho-oh|My Aussie Buddy}}|link=User:Takharii}} | width="15%" | {{ReservePoké|395|Dawn|Empoleon|water|steel|nick={{tt|Empoleon|LEAVE NOW!!!!!!}}|link=Special:RecentChanges}} | width="15%" | {{ReservePoké|150|Dawn|Mewtwo|psychic|nick={{tt|Mewtwo|I SAID NOW!!!!!!!}}|link=Special:Random}} | width="15%" | {{ReservePoké|249|Dawn|Lugia|water|flying|nick={{tt|Lugia|Ok seriously i think you should leave.}}|link=Main Page}} |}

Result:

KayKay's Pokémon
On hand:	Empoleon	Luxray	Roserade	Staraptor	Rapidash	Togekiss
Palkia  Typhlosion  Ho-oh  Empoleon  Mewtwo  Lugia

Navigation #4

Type this:

{| align="center" border="0" cellspacing="0" cellpadding="0" style="background: #{{<insert color>}}; border: 1px solid #{{<insert color>}}; {{roundy|20px}}" |- | style="background: #{{ranger color}}; {{roundy|20px}} padding: 2px;" | {| class="toccolours" align="center" cellspacing="0" cellpadding="0" style="text-align: center; line-height: 19px; border: 3px solid #{{<insert color>}}; {{roundy|20px}} padding: 0px;" |- ! colspan="2" style="padding: 5px 5px 1px 5px; -moz-padding-start: 20px; -moz-padding-end: 20px;" | <div style="background: #{{<insert color>}}; color: #{{<insert color>}}; {{roundytop|15px}} padding: 2px 15px;">{{color2|{{<insert color>}}|<insert link>|<insert link title>}}</div> |- style="font-size: 90%;" | valign="middle" style="padding: 0px 5px 1px 5px;" | <div style="background: #{{<insert color>}}; color:# {{<insert color>}}; border-radius: 10px; {{roundy|10px}} padding: 2px 10px;"> {| align="center" border="0" cellspacing="0" cellpadding="0" style="background: none;" |- | {{color2|{{<insert color>}}|<insert link>}} <insert small picture> {{color2|{{<insert color>}}|<insert link>}} <insert small picture>{{color2|{{<insert color>}}|<insert link>}} <insert small picture> {{color2|{{<insert color>}}|<insert link>}} <insert small picture> {{color2|{{<insert color>}}|<insert link>}} <insert small picture> {{color2|{{<insert color>}}|<insert link>}} |} </div> |- | colspan="2" style="height: 4px; padding: 0px;" | |} |}

My Example:

{| align="center" border="0" cellspacing="0" cellpadding="0" style="background: #{{psychic color light}}; border: 1px solid #{{psychic color}}; {{roundy|20px}}" |- | style="background: #{{psychic color}}; {{roundy|20px}} padding: 2px;" | {| class="toccolours" align="center" cellspacing="0" cellpadding="0" style="text-align: center; line-height: 19px; border: 3px solid #{{psychic color dark}}; {{roundy|20px}} padding: 0px;" |- ! colspan="2" style="padding: 5px 5px 1px 5px; -moz-padding-start: 20px; -moz-padding-end: 20px;" | <div style="background: #{{psychic color}}; color: #{{psychic color dark}}; {{roundytop|15px}} padding: 2px 15px;">{{color2|{{psychic color dark}}|User:Lilkaykaygal|My Navigation!}}</div> |- style="font-size: 90%;" | valign="middle" style="padding: 0px 5px 1px 5px;" | <div style="background: #{{psychic color light}}; color:# {{psychic color dark}}; border-radius: 10px; {{roundy|10px}} padding: 2px 10px;"> {| align="center" border="0" cellspacing="0" cellpadding="0" style="background: none;" |- | {{color2|{{psychic color dark}}|User:Lilkaykaygal|My Userpage!}} ♪ {{color2|{{psychic color dark}}|User talk:Lilkaykaygal|My Talkpage!}} ♪ {{color2|{{psychic color dark}}|Special:Contributions/Lilkaykaygal|My Contribs!}} ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Sandbox|My Sandbox!}} ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Templates|My Templates!}} ♪ {{color2|{{psychic color dark}}|User:Lilkaykaygal/Picture Page|My Picture Page!}} |} </div> |- | colspan="2" style="height: 4px; padding: 0px;" | |} |}

Result:

My Navigation! My Userpage! ♪ My Talkpage! ♪ My Contribs! ♪ My Sandbox! ♪ My Templates! ♪ My Picture Page!

Navigation #5

Type This:

{| width="<insert width>%" align="center" style="background: #{{<insert color>}}; border: #{{<insert color>}} 5px solid; {{roundy|70px}}" |- align="center" | [[<insert picture]] | [[<insert picture>]] | [[<insert picture>]] | [[<insert picture>]] |- align="center" | [[<insert link>|<insert link title>]] | [[<insert link>|<insert link title>]] | [[<insert link>|<insert link title>]] | [[<insert link>|<insert lnk title>]] |}

And Now here's my example:

{| width="50%" align="center" style="background: #{{psychic color light}}; border: #{{steel color light}} 5px solid; {{roundy|70px}}" |- align="center" | [[File:395.png]] | [[File:405.png]] | [[File:407.png]] | [[File:398.png]] |- align="center" | [[User:Lilkaykaygal|☆ My Page ☆]] | [[User talk:Lilkaykaygal|☆ My Talk ☆]] | [[Special:Contributions/Lilkaykaygal|☆ Contributions ☆]] | [[User:Lilkaykaygal/Sandbox|☆ My Sandbox ☆]] |}

Result:

☆ My Page ☆	☆ My Talk ☆	☆ Contributions ☆	☆ My Sandbox ☆