Jump to content


Pop-up Menu Style


3 replies to this topic

#1 xagerox

    Young Padawan

  • Members
  • Pip
  • 2 posts

Posted 23 July 2006 - 07:23 AM

I have been coding websites by hand for quite a while, but got sick of it so looked into Dreamweaver, i have looked at a few tutorials and am starting to get the hang of DW. What i am currently trying to do is create a Pop-up Menu when i hover over an image/link. That part i can do, but i also wish to give it a style...as in CSS.

The menu at the top of Adobe.com has basically what i am trying to get. When you hover over it brings up the menu which has a basic design, but at the bottom has that nice little curved end piece. Another thing i want to do is simply put an image for the background. Sounds simple enough, but for the life of me i cannot find out how to do it :wacko: .

I might be doing the whole thing wrong from the start, if someone could possible explain to me how to do it, including how you do the initial roll-over and pop-up menu, that would be great, or if you can point me to a tutorial, i would really appreciate it :) .

Cheers,
Xager :P

#2 Vandalised

    Jedi In Training

  • Members
  • PipPip
  • 307 posts
  • Gender:Male
  • Location:UK
  • Interests:Most sports, football, cricket, hockey, tennis, golf. Web design, graphic design (photoshop) Socialising with friends, going to clubs, bars, concerts.

Posted 23 July 2006 - 07:50 AM

View Postxagerox, on Jul 23 2006, 07:23 AM, said:

I have been coding websites by hand for quite a while, but got sick of it so looked into Dreamweaver, i have looked at a few tutorials and am starting to get the hang of DW. What i am currently trying to do is create a Pop-up Menu when i hover over an image/link. That part i can do, but i also wish to give it a style...as in CSS.

The menu at the top of Adobe.com has basically what i am trying to get. When you hover over it brings up the menu which has a basic design, but at the bottom has that nice little curved end piece. Another thing i want to do is simply put an image for the background. Sounds simple enough, but for the life of me i cannot find out how to do it :wacko: .

I might be doing the whole thing wrong from the start, if someone could possible explain to me how to do it, including how you do the initial roll-over and pop-up menu, that would be great, or if you can point me to a tutorial, i would really appreciate it :) .

Cheers,
Xager :P

You can build some pretty good pop up menus, with css, this will get you started:

http://www.dynamicdr.../anylinkcss.htm

http://www.stefashwell.com/tutorials/entry...db7d47dac1a067c

You can build on that, also search for menus in the css section of P2L I'm certain there is alot of stuff on it.

As for the background thing, hurm you are trying to set a background in dreamweaver, for the whole document? Or put background colours on the drop down menu? Sorry I didn't understand what you want.

Edited by Rich69, 23 July 2006 - 07:53 AM.


#3 xagerox

    Young Padawan

  • Members
  • Pip
  • 2 posts

Posted 23 July 2006 - 06:11 PM

Quote

You can build some pretty good pop up menus, with css, this will get you started:

http://www.dynamicdr.../anylinkcss.htm

http://www.stefashwell.com/tutorials/entry...db7d47dac1a067c

You can build on that, also search for menus in the css section of P2L I'm certain there is alot of stuff on it.

As for the background thing, hurm you are trying to set a background in dreamweaver, for the whole document? Or put background colours on the drop down menu? Sorry I didn't understand what you want.

Cool, i will look into them sites right away.

I wanted to put a background on the pop-up menu, just a single image, i am guessing that i should be able to get the info i need from the sites you told me about, or the CSS section.

The reason i asked this aswell was in the past when i have used smaller programs to create a pop-up menu i havent been able to specify a single image to span the whole background, so it might have been a completely different procedure than just creating a CSS for it.

#4 seraph!m

    Pixels 4 Life!

  • Members
  • Pip
  • 172 posts
  • Location:"In heavenly places..."

Posted 28 July 2006 - 11:19 PM

Well you could always use Flash if you had it, but I would definitely suggest CSS. Dreamweaver will actually create menus for you, but they are not as optimized as if you went through Fireworks. Go to the Tag Inspector panel and click on behaviors. Then click on the plus sign and go to "Show pop-up menu". Note: Before you do this, you must have the image/text selected and it must be a link.

:huh:





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users