User:Lilkaykaygal/How to make a navigation
Hi everyone, I'm going to teach you different ways to make a navigation for your Userpage.
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>
|}
And fill the parts that you need to fill
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 ♪ |
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>}}]]
|}
And fill in the parts you need to fill
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! |
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%" |
|}
|}
And fill out the parts you need to fill
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: | |||||||||||||||||||||||||
|