Navigation Help! [Archive]

Lysine

14-02-2007, 07:22 PM

http://web.archive.org/web/20051214145114/http://www.habbos.co.uk/

How would i get a navigation like that with when you hover over it, it goes red?

+ rep for help and sites :)

Edited by Lµke (Forum Moderator): Thread Moved From Website Designing. Please post in the correct section next time, Thanks :).

Unpredictible.

14-02-2007, 07:35 PM

you will need flash *i think*

the wombats

14-02-2007, 07:41 PM

it's javascript i think. it's just like rollover images. but with colours instead? look on pixel2life.

Ini

14-02-2007, 07:44 PM

you will need flash *i think*

dont be silly lol

Simple Css thats all :D

<style type="text/css">
a {
font-size: 10px;
color: #000000;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #CC0000;
}
a:active {
text-decoration: none;
color: #000000;
}

</style>

Add that to the <head> tags in your page

Unpredictible.

14-02-2007, 07:46 PM

'dont be silly' how the hell was i spose to know.

Lysine

14-02-2007, 07:49 PM

dont be silly lol

Simple Css thats all :D

<style type="text/css">
a {
font-size: 10px;
color: #000000;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #CC0000;
}
a:active {
text-decoration: none;
color: #000000;
}

</style>

Add that to the <head> tags in your page

That make the text go RED but how do i make it so all the background will be red aswell.

Ini

14-02-2007, 07:53 PM

@ unpredictable i didnt mean any offence i was messing around ;l

@QPR Ooo Okay, sorry i looked at rong site :P, i'll have a look now

Lysine

14-02-2007, 07:54 PM

@ unpredictable i didnt mean any offence i was messing around ;l

@QPR Ooo Okay, sorry i looked at rong site :P, i'll have a look now

Ok Thank you :)

Unpredictible.

14-02-2007, 07:55 PM

kk soz

Ini

14-02-2007, 08:03 PM

Here got it:

<style type="text/css">
a {
font-size: 10px;
color: #000000;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
background-color: #FF5050; }
}
a:active {
text-decoration: none;
color: #000000;
}
</style>

Lysine

14-02-2007, 08:30 PM

Here got it:

<style type="text/css">
a {
font-size: 10px;
color: #000000;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
background-color: #FF5050; }
}
a:active {
text-decoration: none;
color: #000000;
}
</style>

Thank you + rep <3

But is there anyway for it to go right across to the other side of the navigation box?

Ini

14-02-2007, 08:41 PM

put the nav in a table each link in a different table

Then make the table a link.

I think that will work

nets

15-02-2007, 02:39 PM

li a {
display: block;
width: 100%;
}
li a:hover {
background-color: red;
}

<li><a href="about: blank">Foo</a></li>
<li><a href="about: blank">Foo</a></li>
<li><a href="about: blank">Foo</a></li>