Classy roll over menu implementation - Can it be done in APEX?

Here is the URL to a really classy roll over menu on a website. (Roll the mouse over the grey menu bar under the corporate graphic)
http://www.autoscribe.co.uk/pdf-documents/biobank-brochure?utm_source=Biobank+Seminars&utm_campaign=Biobank+Seminar+-Mar13&utm_medium=email
Could APEX do something similar? Any ideas on how this was done?
regards
PaulP
Edited by: PPlatt on 3/02/2013 21:00

That looks pretty classy!
I've implemented one recently using the following
http://www.lwis.net/free-css-drop-down-menu/ultimate.vertical.rtl.html
I created relevant templates, and I plan to write a blog post on it.
For the one at autoscribe, you would probably need to look at the source and mine where the menu structure came from - see if it's got a general public licence etc.
Often these will have web urls in the menu js (if relevant) or CSS that will direct you to where it was constructed - and often how to implement.
Scott
blog: [url grassroots-oracle.com]grassroots-oracle.com
twitter: [url twitter.com/swesley_perth]@swesley_perth
-- please mark any useful posts as helpful or correct, in the end it helps us all

Similar Messages

Splitting video over two displays - can it be done?

i am doing some video work for a musical at our high school. i will have video projected on a back canvas, but to get better quality of the image (since its so big) is there any way to hook up two projectors so they combine and act as one giant widescreen? i know i can do dual display mode, but i need a way to put a widescreen video between two projectors. can this be done? also, what hardware do i need to connect two external displays? thanks

Hi Kyle,
you can try this one:
http://www.matrox.com/graphics/en/gxm/support/mac/home.php
check out the triple head one,....
Good Luck.

Roll over images in a slide show

I am trying to make a slide show of before and after images for a client.
Rather than just have them all one after the other, I want all the after images to display as normal, and the before to display on hover for each slide.
I can make this work in a basic slide show when rather than adding an image to the Hero Image box, I use the fill and states.
However this only allows me to do one, as I can't add any more empty Hero Image boxes (or I don't know how to do that, is it possible?)
When I add an image via the slide show menu it appears on top of any fills, and I can't seem to give images added this way a roll over state.
Can anyone tell me how to either add extra blank Hero Image boxes, or how to apply the effect I want to the images in the Hero Image boxes.
Thanks in advance, if there is any further info I can provide about my problem, please let me know!
M

Hi,
You cannot add multiple hero image boxes within the same Slideshow. Now , you can use different slideshows for your different images but that wont give you the slideshow effect but you will be able to see all your after images at once and then if you rollover them you would be able to see the before images.
Now, In order to create the effect that you want, what I would suggest you is to use a 'Composition widget'. In the composition widget, you can make the triggers as small thumbnails for your images and in the Target you can set the fill as your after image and in rollover state you can use the before image. After this you can use the Autoplay feature available in the composition widget and you will get the desired result.
Hope this helps
Regards,
Rohit Nair

Can Dropdown menu item stay on the "roll over" state while the user's mouse is hoving over the sub

Can Dropdown menu item stay on the "roll over" state while the user's mouse is hoving over the parent's sub-menus?
Thanks

Thanks for the response. My main goal here is to get the drop
down menu word "Overview" to remain red once it reaches the frame
"WhoWeAre" or "OurMission" on the main timeline. If I turn the
button inside the movie clip into an MC to do this, the drop down
menu no longer works. Any thoughts on how to get this drop down
menu to do this?

Swap images while rolling over popup menu

Hello,
I've been playing with fireworks CS5 for some days now and made a first attempt on a website.
So far, i've made a navigation bar with two states in order to be able to add a simple roll over behavior, e.g. darkening text on rollover. I also have been able to make a dropdown menu (popup) via slices.
Then I decided to swap images when on nav bar headings. So far, so good.
When I did a preview in my browser, it appeared that as soon as I was leaving the nav bar, the image swapped back to the old setting. Perfect.
But when I did a mouse over on one of the dropdown menu's of the navigation bar, the image swapped back as well.. I've been trying, but didnt manage to find out how to fix this.
So, is there anyone here that knows if it is possible, and if so, how to keep images swapped to a second stage as long as the mouse is on the dropdown menu, but swaps back to the original state when leaving the dropdown and/or the navigation bar.
Thanks in advance,

Hi Bryan,
It may be possible to cheat and put this onto the button:
the option that you want is called TITLE.
if you set one of the other parameters (e.g. the label)
to be:
LABEL_TEXT" TITLE="TITLE_TEXT
basically when it adds the text onto the form it will wrap it in "
If it doesn't strip out the " from your text you should get your extra parameter.
it may slip past the portal checking.
I can't test it as I only have WebDB, but I have done something similar with javascript in WebDB.
good luck
Michael

1) Drop Down Menu 2) Roll Over Images & 3)

Does anyone know away to make these things possible on iWeb (or if it is not even possible)
1)
I'd like to have a drop down menu so that my sites are not so cluttered.
Here is an example:
http://www.drsteinhealing.com/doctor/chiropractor/2L/Encino/homepage.htm
2)
I have seen rollover images in flash, but I hear that it is possible without flash and I think it would be great to have some pictures as such for the menu. I would think this would be possible because right now there is a rollover color change to words that are links if you want it to change colors... so:
a) is flash possible on iWeb
b) even if it is not: is there a way to have rollover images and
c) can there be roll over images that are also links?
Here is an example:
http://planetrobyn.com/ (the pictures go from black and white to color and then they are also the menu)
I'm learning so it would be great to see if these things are possible. Thank you.

See these menus.The menus are HTML and CSS only.
http://www.wyodor.net/Demo/iWebeend.html
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
The first menu has the menu hardcode in the published webpage.
Check the source to see how it's done.
The second menu has a textbox at the top of the page. A JavaScript in the HTML Snippet finds that textbox and place the menu in it.
This is pasted in the HTML Snippet :
<script src="../../../duckmenu/duckmenu.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">

</script>
This JavaScript places the menu in the textbox :
http://www.wyodor.net/_Demo/duckmenu/duckmenu.js
The menu at drsteinhealing is HTML/CSS only too. So if you like it, grab the code + stylesheet and use it.

I can't get my screen to roll over when I turn phone on the side. It used to work, I might have set something wrong thanks

I can't get my screen to roll over when I turn phone on the side. It used to work, I might have set something wrong thanks

You may have locked the screen. Open Control Center by sliding up with one finger from below the bottom of the home screen. The orientation lock control is at the far right of the top row in Control Center (looks like a lock surrounded by a circular arrow). If it is on, the same icon will be in the menu bar. Also note that not all screens will rotate -- the home screen for example will not.

How can i change the color of the text on a button in Roll Over or Click state (Cs5.5)

Hello,
Here is the problematic:
1° How can i change the color of the text on a button in Roll Over or Click state (Cs5.5)
- I've many button in a doc im creating
- the color of the buttons is white with black stoke & black text
- in roll over state i want them to inverse the color coding (the text white & bottom black)
- currently the text becomes invisible as black on black cant be seen (ive stroked it white but that looks ugly)
- i would just like to know if there is a function made for this?
My other questions:
2° Ive a presentation on which Ive created buttons which tigger pop-up animations
- i have 5 buttons which trigger animations
- the viewer can chose to Click on any of the buttons randomly
- the problem is once the animation is open how can it be close... either:
a) by it self after "40" seconds
b) when ther viewer clicks another button
3° Ive created buttons linking pages..
- "go to page xxx"
- when i do a preview and click on the buttons the links dont take me to the right pages
- is that normal? (maybe in preview its suppose to be like that)
4° I would like to intergrate YouTube videos in the presentation so they play inside the docment.. when i tried.. it said the 'link isnt a flash video'
- what should i do?
5° Once i export it into Swf. how how can i visualize it? or put it online?
Thank you for your time.

stlbbl4u wrote:
Hello,
Here is the problematic:
1° How can i change the color of the text on a button in Roll Over or Click state (Cs5.5)
- I've many button in a doc im creating
- the color of the buttons is white with black stoke & black text
- in roll over state i want them to inverse the color coding (the text white & bottom black)
- currently the text becomes invisible as black on black cant be seen (ive stroked it white but that looks ugly)
- i would just like to know if there is a function made for this?
You should setup Object Styles - these can also include Paragarph Styles that can be triggered when the Style is selected.
http://help.adobe.com/en_US/indesign/cs/using/WS5CEDB81A-0011-4dc9-9DE8-AC7AD4C80076a.html
My other questions:
2° Ive a presentation on which Ive created buttons which tigger pop-up animations
- i have 5 buttons which trigger animations
- the viewer can chose to Click on any of the buttons randomly
- the problem is once the animation is open how can it be close... either:
a) by it self after "40" seconds
b) when ther viewer clicks another button
I'm not sure what you mean - I don't do files with Animations
3° Ive created buttons linking pages..- "go to page xxx"
- when i do a preview and click on the buttons the links dont take me to the right pages
- is that normal? (maybe in preview its suppose to be like that)
Does it work properly when you export it to the finished file?
4° I would like to intergrate YouTube videos in the presentation so they play inside the docment.. when i tried.. it said the 'link isnt a flash video'- what should i do?
InDesign won't link directly to youtube videos. I think your best bet would be to use Downloader to download the video and embed them directly in Indesign.
5° Once i export it into Swf. how how can i visualize it? or put it online?
Thank you for your time.
You can look up how to embed a SWF file into your HTML - but it depends what you mean by "online" there's a dozen ways to get a file "online".

Can I get rid of the underlined hyperlink and just have roll-over links?

In iWeb 2009, can I get rid of the underlined hyperlink and just have roll-over links?

You have to put them on the server where you are publishing your site to. Where are you hosting your site? If it's a MobileMe account then you have two options:
1 - put the photos in a folder, name it "Pics" and put that folder in your iDisk/Pictures folder. Then use the following URL: http://homepage.mac.com/YourMMe_Account_Name/.Pictures/Pic/FileName (don't forget the period before Pictures).
2 - put the "Pics" folder with image files in your iDisk/Web/Sites folder and use the following URL: http://web.me.com/YourMMe_Account_Name/FileName.
If you're hosting on a 3rd party server it would depend on if you're using a domain name or not. I'm not familiar with 3rd party servers so Wyodor, Ethmoid or someone that is will need to point the way.

The roll over feature doesn't work for customizing, is there a way I can fix this

I always have to change my browsers theme to see what it looks like, instead of just roll over. Is there a way to fix this?

Previewing a persona only works on sites that are whitelisted via an allow exception.
You can see the permissions for the domain in the current tab in:
* Tools > Page Info > Permissions > [X] Install Extensions or Themes
* Tools > Options > Security : "Warn me when sites try to install add-ons": Exceptions
Make sure that you do not use [[Clear Recent History]] to clear the 'Site Preferences'.
See http://kb.mozillazine.org/Themes#Lightweight_theme

Menu's photoshop buttons not rolling over

Hello all,
I have created some layered buttons in photoshop. All is well, they roll over and work lovely in simulator but when I create a build and open it in the Macintosh DVD player the rollovers dont roll!
What am I doing wrong?
As always thenks in advance
Matt

Repeat after me: DVD is not Flash, DVD is not Flash, DVD is not Flash...
The majority of DVD players don't have the option of rolling over as the majority of DVD players don't have a mouse attached to them.
Layered menus use a behind-the-scenes trick to do their work, involving a series of normal menus connected with auto-activating buttons. However, you wouldn't want buttons to auto-activate with a simple rollover in a software DVD player. Therefore, software players require two clicks for layered menus: one to select (which actually just triggers the auto-activating button and hops to the "selected" menu layer), and another to activate.
Yet another reason not to use layered menus, IMO.

I can't roll Motion Menu duration past 4;29 in PE9. Want it to be 10 seconds and 4;29 is the limit

I can't roll Motion Menu duration past 4;29 in PE9. Want it to be 10 seconds and 4;29 is the limit

Thanks for your quick reply. I have double checked the durations, and they seem to be OK, but i still cant set the motion menu button duration to more than 5 seconds. Here is what they are set to:
Menu Background
Duration: 29;29 (I can change this from 00;01 to 29;29 - which is fine for my needs)
Motion Menu Buttons
Duration: 04;29 (i can change this from 00;01 to 04;29 - This is what I'd like to set this to something larger)
Thanks again for all of your help - both here and in the books!

Is it possible to have a menu with just one button highlight when someone rolls over it?

is it possible to have a menu with just one button highlight when someone rolls over it? if so how would you do it as i tried doing an invissble button but it didn't work?

Get yourself a copy of Total Training for Encore DVD 1.5 by Daniel Brown. This exact scenerio was explained in section 4) Building Menu and
section 7) Advanced techniques.
I refer to Dan's video time & time again. It's from 2004 but he's still right on the mark regarding the generation of every aspect of creating a DVD.
They now offer their entire online.
www.totaltraining.com
Good luck

Menu widget roll-over stopped working with Muse 1.0 in IE 8, works in IE 9

I published a site developed with Muse beta last Friday and everything worked perfectly.
Then Monday morning I got the notice to upgrade to Muse 1.0; which I did. I made some minor wording changes to text and then republished the site. (download HTML, published via FTP)
When I checked the site in Preview on a Mac - perfect.
When I checked the Site in Safari on Mac - Perfect
When I checked the site on Chrome in Windows 7 - perfect
When I checked the site in IE 9 on Windows 7 - perfect
When I checked the site in IE 8 on Windows 7 - no roll-over effect to see the sub-menus
All this worked on Friday when I was still using Muse Beta. did something change regarding IE 8 support in Muse 1.0??? I saw no mention of this if it did.
Thanks in advance.
Jeff

Thanks for posting.
Please provide us the URL of the page so that we can investigate this issue.
Kind Regards
Aishvarya Rastogi

Can I have 2 roll over triggers in the same space.

Is possible to have 2 roll overs in the same space. I would like to have the user roll over a given space and have an image appear in one area and a text box display in another. Currently it seems only the top trigger is recognized by the system.

HI there
Indeed a slidelet alone should do the trick.
I think Lilybiri was simply pointing out that there was more than one way to flay this particular feline.
Cheers... Rick

Classy roll over menu implementation - Can it be done in APEX?

Similar Messages

Maybe you are looking for