Vertical Menu Expand On Mouseover?


Author Message
Matthew Selznick

Posted: 2/3/2011
Quote message 

Is it possible within Artisteer to activate submenu expansion on mouseover in a vertical menu? If not, is there a hack to make this work once the Wordpress theme has been created?

Many thanks,

Matt
 
Nick

Posted: 2/4/2011
Quote message 

ul.art-vmenu:hover li, ul.art-vmenu:hover ul li, ul.art-vmenu li:hover ul, ul.art-vmenu li:hover ul li
{
display:block;
}

Place it in the additional CSS field in the Export options menu screen. It works with html and asp.net templates, it should work with Wordpress since it's a CSS hack...
 
vtxyzzy

Posted: 2/11/2011
Quote message 

Thanks for the tip, Nick! Worked like a charm!
 
pokes

Posted: 2/17/2011
Quote message 

That's rather excellent, cheers Nick!
 
Matija

Posted: 2/28/2011
Quote message 

can't get this to work with joomla :(((

help me!
 
Sarah

Posted: 2/28/2011
Quote message 

Quote Matija:

can't get this to work with joomla :(((

help me!


You may want to check in the Joomla section of the forum rather than here in the Wordpress section.
 
Steve

Posted: 2/28/2011
Quote message 

Hi Nick,
Sorry for the newbie question, but exactly where is the :

"Place it in the additional CSS field in the Export options menu screen"- Located?

Thanks,
Steve
 
blue sky

Posted: 3/6/2011
Quote message 

Hi Nick - genius! Works perfectly with Art V3 :-) :-)

My question is why, if it is SO simple to implement, is it not included as an option in Artisteer??
 
Joel

Posted: 3/18/2011
Quote message 

Hi There,

Could you please tell us how to do this for a drupal template?
 
Alex

Posted: 3/29/2011
Quote message 

"Place it in the additional CSS field in the Export options menu screen"-

where can i find it

Thanks,
Alex
 
Kelley

Posted: 3/29/2011
Quote message 

When you export your theme, it's one of the options (CSS Options) as well as the ability to change the .art prefix, which many people requested.

Kelley
 
Terry

Posted: 3/31/2011
Quote message 

I've tried adding this code to the template.css but the vmenu still doesn't open when you hover over it, you have to click to get it to open. I'm using Joomla 1.6 and artisteer 2.5. Is there anything else I need to do?
 
herres

Posted: 5/1/2011
Quote message 

Quote Terry:

I've tried adding this code to the template.css but the vmenu still doesn't open when you hover over it, you have to click to get it to open. I'm using Joomla 1.6 and artisteer 2.5. Is there anything else I need to do?


 
webguygary

Posted: 5/1/2011
Quote message 

Quote Terry:

I've tried adding this code to the template.css but the vmenu still doesn't open when you hover over it, you have to click to get it to open. I'm using Joomla 1.6 and artisteer 2.5. Is there anything else I need to do?


http://www.artisteer.com/?forum_id=20&p=forum_topics

 
Angela

Posted: 5/14/2011
Quote message 

Quote Nick:
Place it in the additional CSS field in the Export options menu screen. It works with html and asp.net templates, it should work with Wordpress since it's a CSS hack...


An answer on this would be greatly appreciated!
:-)

Thanks bunches!
 
Mr Parrot

Posted: 5/16/2011
Quote message 

Thanks Nick,
A neat css trick. But here's a question, is there a way to smooth the hover transformation so the drop down list doesn't appear quite so suddenly?

Mr Parrot (ian)
 
Kelley

Posted: 5/16/2011
Quote message 

I'm with you, Ian. It's a neat trick, but they flyout so fast, it's almost disconcerting.

Kelley
 
Angela

Posted: 5/16/2011
Quote message 

So some of you have done it, and it works, can you please answer the repeated question then? :-)

Quote Nick:
Place it in the additional CSS field in the Export options menu screen. It works with html and asp.net templates, it should work with Wordpress since it's a CSS hack...
 
Mr Parrot

Posted: 5/17/2011
Quote message 

Angela,
It works as Nick describes.

Assuming you're using Artisteer 3, click on the Export Wordpress Theme option at the top of the page.

This opens a dialogue box. Select Options and then CSS Options. In the panel on the right paste in Nick's code:

ul.art-vmenu:hover li, ul.art-vmenu:hover ul li, ul.art-vmenu li:hover ul, ul.art-vmenu li:hover ul li
{
display:block;
}

Alternatively, if you're working with an existing theme, paste the same code at the end of your styles.css file.

Mr Parrot (Ian)
 
Angela

Posted: 5/17/2011
Quote message 

Ummm.... and just where is Artisteer 3??? The only one available for download is 2.6 and that is what my version is.

Sorry, but I'm really confused....
 
Mr Parrot

Posted: 5/18/2011
Quote message 

Angela,
You'll find the latest Artisteer 3 release on the news page at http://www.artisteer.com/Default.aspx?p=news.

But you can edit the the style.php file you created with v2.6 and it should work okay.

Mr Parrot (Ian)
 
Angela

Posted: 5/18/2011
Quote message 

Thanks! :-)
 
KeithAdv

Posted: 6/26/2011
Quote message 

This is a lovely bit of code that has already found its way into my CSS Options.

I do want to re-ask something that Ian and Kelley brought up. I think it can be disconcerting for the user to have the menu fly out so suddenly. Just adding a few milliseconds delay would make a world of difference.

The home run would be to slow the entire drop down action, but I'd gladly settle for a short delay before rapid drop down.

I just did a little web search and what I read is that a delay like that isn't possible in CSS, it requires javascript (which is even more foreign to me than CSS, if possible!)

Has anyone figured out how to do this for Artisteer/Wordpress? Like I said it would make this trick very user friendly?

Thanks!