Matthew Selznick
|
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
|
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
|
Thanks for the tip, Nick! Worked like a charm!
|
|
pokes
|
That's rather excellent, cheers Nick!
|
|
Matija
|
can't get this to work with joomla ((
help me!
|
|
Sarah
|
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
|
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
|
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
|
Hi There,
Could you please tell us how to do this for a drupal template?
|
|
Alex
|
"Place it in the additional CSS field in the Export options menu screen"-
where can i find it
Thanks,
Alex
|
|
Kelley
|
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
|
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
|
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
|
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
|
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
|
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
|
I'm with you, Ian. It's a neat trick, but they flyout so fast, it's almost disconcerting.
Kelley
|
|
Angela
|
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
|
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
|
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
|
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
|
Thanks!
|
|
KeithAdv
|
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!
|
|