I’m making a website with a CSS menu inspired on this http://visitcopenhagen.com/ on that site look at the main menu bar (See and Do | Eat and Drink | etc…)
As you can see there is a mouse-over action that triggers the showing of a (sub)menu pan… All the pans have the same length.
I want to create exactly that, with exception that I want the background to be transparent by 70%.
So far, after 4 days trying out a lot of thing in freeway I could come close to what I want but never quite so to an acceptable result.
I used the CSS action but it’s quite difficult to get all the pans (6 in total) with the same length and with the transparent background. When I use an imported png background, then the link-texts are fuzzy…
I don’t want to give up because I want to learn, and time starts to run away…
Any mentoring/tutoring would be more than very welcome!
Thank you for your time and attention.
Regards
D
As you can see there is a mouse-over action that triggers the showing of a (sub)menu pan… All the pans have the same length…
I used the CSS action but it’s quite difficult to get all the pans (6 in total) with the same length and with the transparent background. When I use an imported png background, then the link-texts are fuzzy…
You’re like a savior to me! (…or nearly!)
Thank you anyway Dave.
That’s very close to what I want to do.
There must be a way to create something that would look like the example I provided in the first post here above…
What if I use a scriptaculous or a mootool set of actions? I should be able to make a kind of carousel as the one from Coda?!?!
Any idea?
Thanks
Dave
My apologies for confusing you.
I actually don’t mind whatever tech could be used (CSS or any other actions…).
All I want is to obtain the same style and action as on this website:
on that site look at the main menu bar (See and Do | Eat and Drink | etc…) As you can see there is a mouse-over action that triggers the showing of a (sub)menu pan…
(I don’t mind about having pictures on the menu pan… just links is fine for me.)
What do you think David?
Regards
D.
BTW, David, about 6 months ago Joe Billings (from SP) told me by email that CSS3 is supported by Freeway…
Have you tried to implement that CSS3 menu in Freeway?
The visitcopenhagen.com site uses a jQuery “megadropdownbox” script to get it all to work. If you view the source you can get some idea of how it has been implemented, but it isn’t an easy task (in any web design app). You can Google around for megadropdownbox to see various solutions out there - all of which use jQuery.
The problem with using jQuery in Freeway is that you need to have very good knowledge of JavaScript and CSS - and be prepared to spend a lot of trial and error with copying and pasting code between a sample page’s source code and Freeway - and you may have to resort to hand-coding to get it to work. Also, where to use the code (in the head tag, body tag, as a markup item or by editing the .css file) is never simple to work out.
Unfortunately, there is no simple way to give instructions for jQuery implementation as it varies from one script to the next - so I’m sure you will appreciate that it isn’t something we can offer specific support for with Freeway.
Another thing you need to bear in mind when using jQuery is that because it uses a specific JavaScript library it may (and probably will) conflict with some of Freeway’s built-in Scriptaculous Actions, and also with third-party Actions such as the Carousel Action (and especially those from the MooTools library). Going the jQuery route may well limit your options with what else you can use on that page.
As for CSS3, there is a suite of Actions to get some common CSS3 functionality on your Freeway sites - search for CSS3 on ActionsForge.com to find them. Again, be aware that older browsers (and IE for PC) won’t offer full support for CSS3 functionality (read the notes on the ActionsForge page).
Thank you Keith,
I well understand that the limitations are on my side… I’m not a trained coder neither programmer…
I am limit and that is why I was hoping that Freeway would back me up on that side of the conception, the building.
I’ll keep working on trials and errors until I get something that is acceptable.
…
Thanks
D
Hi,
here is another example of the type of navigation I would like to obtain… http://www.emirates.com/
It really doesn’t matter if it is CSS or Java or any other type of codings…
All I want is to get a similar style…
Right now I’m testing something on Freeway with some actions like the slideshow combined with some popup effect… will see if it works.
Yep, that can be done fairly easily with a combination of the Rollover and the Target Show/Hide Layer Actions.
Joe
On 6 Sep 2011, at 15:48, DaveW wrote:
Hi,
here is another example of the type of navigation I would like to obtain… http://www.emirates.com/
It really doesn’t matter if it is CSS or Java or any other type of codings…
All I want is to get a similar style…
Right now I’m testing something on Freeway with some actions like the slideshow combined with some popup effect… will see if it works.
I saw your comments on this thread for the rollover and target show hide layer menu. Could it be possible to provide a step by step approach to construct this type of menu. Your help is greatly appreciated. Like Dave W., I’m no programmer.
PS: is it possible to customize the css menu action in Freeway and how can I do it? What I’m trying to do is to use pngs, let’s say 74 px height, for the main menu, however the action only allows for 24 or 25px height.
I would recommend you to email Joe Billings directly with your request… He might not come back on this thread and see your message. If you get an answer, please kindly share it with me…
I’ve got Chris working on a demo for you. It may be the method I mentioned earlier, or he’s going to see if he can find a more modern way of doing it for you.
Cheers,
Joe
On 9 Sep 2011, at 00:15, DeltaDave wrote:
What I’m trying to do is to use pngs, let’s say 74 px height, for the main menu, however the action only allows for 24 or 25px height.
If you set the leading (line height) of your main text to 74px then it will show the full height of your background image
Here we go, Tim has just uploaded a new Action that allows you to use the CSS Menu Action to create these mega menus.
You can download it here http://www.actionsforge.com/actions/view/238-bam-big-area-menus. The file includes a demo which explains how how to use the Action. It’s still in beta so please let us know if there are any problems. Any suggestions would also be greatly appreciated.
Here we go, Tim has just uploaded a new Action that allows you to use the CSS Menu Action to create these mega menus.
That’s a great action but I do have a question: I’ve created a CSS menu with a BAM submenu and applied css menus again to the enclosed lists. Everything appears to work fine apart from the html item containing the list items. Is there a way to set the size of this so it increases and decreases with the size of the text lists it holds? i.e. at the moment I can only set the size manually, but if I increase the text size in the browser, the text breaks out of the box.
Hi Neil,
You set the BAM div to use an undefined height so it should flex to fit the content. Do you have a page we can see online somewhere?
Thanks,
Tim.
On 15 Sep 2011, at 18:08, neil.west1 wrote:
That’s a great action but I do have a question: I’ve created a CSS menu with a BAM submenu and applied css menus again to the enclosed lists. Everything appears to work fine apart from the html item containing the list items. Is there a way to set the size of this so it increases and decreases with the size of the text lists it holds? i.e. at the moment I can only set the size manually, but if I increase the text size in the browser, the text breaks out of the box.
