Oddball
236
edits
Metroidking (talk | contribs) m (this is going to be a hard one to make) |
Metroidking (talk | contribs) m (some expansion) |
||
Line 1: | Line 1: | ||
User navigation bars are placed on user pages to provide quick links to user subpages. | User navigation bars are placed on user pages to provide quick links to user subpages. | ||
In order to make a user box, first create a frame. Below is the coding of one with a purple border (color code 64486a) and a red background (color code 8B0000). | |||
<!---Basic frame example---> | |||
<pre> | |||
{|style="width:65%;margin-top:+.7em;background-color:#8B0000; padding:5px; border:1px solid#64486a;-moz-border-radius:10px;" | |||
|} | |||
</pre> | |||
Doing so will create: | |||
{|style="width:65%;margin-top:+.7em;background-color:#8B0000; padding:5px; border:1px solid#64486a;-moz-border-radius:10px;" | |||
|} | |||
The width can be adjusted by altering the width percentage, the wider the frame, the more can be stored horizontally. | |||
<!--- Small example ---> | |||
<pre>{|style="width:15%;margin-top:+.7em;background-color:#8B0000; padding:5px; border:1px solid#64486a;-moz-border-radius:10px;" | |||
|} | |||
</pre> | |||
{|style="width:15%;margin-top:+.7em;background-color:#8B0000; padding:5px; border:1px solid#64486a;-moz-border-radius:10px;" | |||
| | |||
Yields a small frame that pushes text in | |||
|} | |||
<!---recommended maximum size example---> | |||
<pre> | |||
{|style="width:100%;margin-top:+.7em;background-color:#8B0000; padding:5px; border:1px solid#64486a;-moz-border-radius:10px;" | |||
|} | |||
</pre> | |||
{|style="width:100%;margin-top:+.7em;background-color:#8B0000; padding:5px; border:1px solid#64486a;-moz-border-radius:10px;" | |||
|creates a wider frame that stretches the width of the screeen | |||
|} | |||
<!---how to post it ---> | |||
<nowiki>{{user:username/nav}}</nowiki> | |||
<br/> | <br/> | ||
Below is an example of the coding of a user navigation bar | Below is an example of the coding of a completed user navigation bar | ||
<pre> | <pre> | ||
{|style="width:65%;margin-top:+.7em;background-color:#8B0000; padding:5px; border:1px solid#64486a;-moz-border-radius:10px;" | {|style="width:65%;margin-top:+.7em;background-color:#8B0000; padding:5px; border:1px solid#64486a;-moz-border-radius:10px;" |