Hover Menu Items

[ShinyB]

Hi

I am on a bit of a roll and as you can imagine have been asked if I can do quite an interactive site.

What is it called when you hover over menu buttons and then you are given another set of options? How do I create this?

Thanks

[Manwe]

That depends, if the menu is made of links, then CSS has some pre-made tags for that called a:hover
If you want the same effect with a random image, you'd need to use onmouseover, which I think is JavaScript (correct me someone if I'm wrong)

a:hover:

a:hover
	{color: #FF9900; text-decoration: none;}

Here you can use most CSS values

onmouseover:

<img src="image.jpg" alt="image" style="-moz-opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.4;this.filters.alpha.opacity=40">

Just an example with opacity

[ShinyB]

Ok, don't think I quite grasped that.

I want to for example, have the viewer hover over 'Services' then it automatically scrolls to show 'Service A' 'Service B' etc?

[Manwe]

Ah, you're talking about rollover menues, THAT I think is done with JS, then I can't help further...

[remi]

Most of the modern Content Management Systems offers included Menus with MouseOver effects. Therefore you don't need to know how to create such menus by yourself.

For example if you use Typo3, the menu function is build in: "Menu links are automatically generated as an editor adds pages and most content elements feature wizards for further ease-of-use." (source: Typo3 website). And you're able to use a main menu together with submenus or one big menu or a menu with graphic buttons or ...

On the other side you should think about the time you need to learn all the necessary stuff to create quality websites. Perhaps it's better to work together with a professional partner for your first project, instead of trying it by yourself.

Remi

[ScottF]

Remi´s right. It´s difficult to handle everything yourself. Working with the text and graphics (CSS, JavaScript) is pretty straightforward, especially with all the free cut and paste script sites. However, if you get beyond this (like databases, etc.), you´ll wind up spending every waking moment worrying about stuff and it will likely ruin all the "fun." I know--I tried to do that some years ago.

[RedWombat]

Hi Shiny. I would seriously consider getting some help like Remi suggests.

After reading through your other few posts, I feel you're looking to get yourself in over your head quickly. Design and development are two very different worlds and if you don't know much about development or even simple coding or scripting you're going to get lost.

There are some great CMS apps out there, thanks Remi for sharing Typo3, but even putting one of those online isn't always as easy as it sounds. If you've been asked to take on a project for a job, perhaps your employer would be willing to send you to a class or two to learn.

Best of Luck!

[juergen]

Shiny,

from the various questions you placed here I would suggest that you perhaps look at your project again as even the best suggestions to each question can bring you in trouble if all solutions are used together...

Most of the solutions to your questions are not based on design, just on technology used. If you gather all the various solutions to fulfill your needs, you might end up with something mixed up that either does not work together well or prevent you from taking advantage of the various pieces.

Or in plain words... If you perhaps start with .NET CMS, a php forum, use some fancy menu from a 3rd technology and add a ruby on rails blog, you will probably never be able to integrate all of that into a single, easy to maintain system.

Best way would be to do the design and write down your requirements. Then start to check what the best way would be to get your show on the road (or web =))

Worst thing to happen is that you start small, show that first part to your customer/boss who says ok, take this live. Thats the day you start building around something that might be a bad base for the whole project.

Juergen

[JimToal]

Shiloh,

If you need a hand, drop me a line.

Jim Toal

[tenssi]

Hi ShinyB,

If you want make a beautiful menu for your site,I suggest you use menu tool
I recommand dhtml menu maker and tree menu maker,I bought it not so long ago.it is a easy menu maker.even you don't have any sense on web design,you can manage it!there are so many template in it !

What I bought is the menu suite, save me almost$40!
HA-HA!share with you!