Navigation Bar

[Payton]

Here's a cool navigation bar CSS code from W3Schools Online Web Tutorials!

ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}

[mario10018]

Cool! Nice job Payton!

[lolabob]

Cool!
it works

[Payton]

Originally Posted by mario10018

Cool! Nice job Payton!

I didn't make it.

Originally Posted by lolabob

Cool!
it works

You're welcome.

[Chase]

Nice, it does work.

[Bollivierke]

What's the point on this?

[Coolgindara]

Where to add? how it works? Opposite navigation bar

lu
{
float:right;
width:0%;
padding:100;
margin:100;
list-style-type:transparent;
}
z
{
float:right;
width:12em;
text-decoration:transparent;
color:black;
background-color:blue;
padding:0.4em 0.12em;
border-right:2px solid black;
}
a:hover {background-color:#000000}
li {display:outline}

[Payton]

Originally Posted by Bollivierke

What's the point on this?

You can put it into your site's CSS style sheet and have it so when you make a list, a navigation bar is made.

Originally Posted by Coolgindara

Where to add? how it works? Opposite navigation bar

lu
{
float:right;
width:0%;
padding:100;
margin:100;
list-style-type:transparent;
}
z
{
float:right;
width:12em;
text-decoration:transparent;
color:black;
background-color:blue;
padding:0.4em 0.12em;
border-right:2px solid black;
}
a:hover {background-color:#000000}
li {display:outline}

Add the code in your style sheet like said above and do a simple list to make the navigation bar appear.