# How do you do this fading navigation popup thing...?

**URL:** <https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743>\
**Category:** web dev\
**Created:** [August 6, 2003, 4:05am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743 "2003-08-06T04:05:34Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![blah\_de\_blah](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@blah\_de\_blah](https://forum.kirupa.com/u/blah_de_blah)\
**Post date:** [August 6, 2003, 4:05am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/1 "2003-08-06T04:05:34Z")

</div>

Ok so what i mean, is in this site:

> **[Home | Avril Lavigne Bandaids](http://avrilbandaids.boards.net/)**
>
> Visit our forum at: avrilbandaids.boards.net

you see the nav bar? When you rollover it, the popup fades in and out. I noticed its not flash, and i thought popups wouldn’t be able to do that :-\ This looks very nice, so i was wonderin how it would be done and using what language?

I only know you can make popups in fireworks, not sure of any other way :-\ ANy know?! thankks!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 6, 2003, 6:00am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/2 "2003-08-06T06:00:51Z")

</div>

I see no rollover…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 6, 2003, 6:06am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/3 "2003-08-06T06:06:42Z")

</div>

are you sure? You know where it says pictures, reviews, media, clubinfo etc…

THere should be a dropdown menu when you rollover the navigation bar :-\

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 6, 2003, 7:00am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/4 "2003-08-06T07:00:51Z")

</div>

do u have to be a member to see it…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 6, 2003, 7:13am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/5 "2003-08-06T07:13:53Z")

</div>

The fade is most likely only visible in IE (CSS Filters).

Here are a bunch of interesting DHTML menu navigations…

[http://www.milonic.co.uk/menu/](http://www.milonic.co.uk/menu/)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 6, 2003, 9:19am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/6 "2003-08-06T09:19:24Z")

</div>

Ah thank you, but just wondering…Do i have to download the menus here? I would rather use codes since i could learn from understanding it 🙂 Do these provide the code? or is it just like a componenet thing?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 6, 2003, 5:21pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/7 "2003-08-06T17:21:04Z")

</div>

To code something like that is a bit advanced, if you don’t know Javascript/CSS (DHTML) then making one of these menus will be quite the arduous task on your own.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 6, 2003, 5:23pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/8 "2003-08-06T17:23:46Z")

</div>

There’s one [here](http://www.dynamicdrive.com/dynamicindex1/topmen4/index.htm) too =)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 7, 2003, 3:02am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/9 "2003-08-07T03:02:29Z")

</div>

Ohh, i guess i will have to learn javascript then 🙂

Oh and you said CSS (DHTML)…Why did you put the dhtml in the brackets?! They’re not the same thing are they??

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 7, 2003, 4:04am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/10 "2003-08-07T04:04:06Z")

</div>

DHTML is a combination of Javascript and CSS … a pain in the arse combination.

Voet: Look at the makers of that menu you posted… then look at the link I posted… 😉 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 7, 2003, 4:22am UTC](https://forum.kirupa.com/t/how-do-you-do-this-fading-navigation-popup-thing/27743/11 "2003-08-07T04:22:18Z")

</div>

ahh…Ok i am already working on my javascript 😛 thank you for the help 🙂
