Can not find an answer on how to change the spry menu when a button is clicked and color needs to change to "mark the current page". In other words, a "down" button. The Spry menu seems to only have two states: The static state and the state when you hover or move the mouse over it. However, when you click the mouse, there needs to be another state that shows the viewer what page they're on -- again, the "down" state to mark the current page. How can this be done? You would think it would be just part of the CSS, but for some reason it's been left off.
BizzyWizz wrote:
Can not find an answer on how to change the spry menu when a button is clicked and color needs to change to "mark the current page".
There's a video tutorial that shows how to do it at http://www.dwcourse.com/dreamweaver/highlight-current-page-spry-menu.p hp.
petra warmerdam wrote:
sprymenubar for navigation. It works flawless with Firefox, Google chrome and safari, but NOT AT ALL in Explorer.
You need to use Spry Menu Bar 2.0 to support newer versions of Internet Explorer. See http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html.
However, you should also be aware that Adobe announced yesterday that it no longer plans to invest in developing Spry. See http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framew ork-availability.html.
If you need help with a particular design problem, upload your page to a website, and post a request for help in a new thread in the Dreamweaver forum. Include the URL of the problem page in your request.
Adobe has discontinued further Spry development.
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framew ork-availability.html
You can continue using Spry but if mobile & tablets are your concern, I would use a different menu system.
Project Seven's Commercial Extensions:
Or roll your own with jQuery plug-ins:
Nancy O.
I think simply that the Spry Menu of Dreamweaver is a rubbish.
I have spend a lot of time with this menu and defintely don't work well. The old system was much better. I don't understand why Adobe have put on the market this rubbish.
I have also ask solution to the technical assistance many time, never a good answer.
Several ways of doing this:
For the latter, have a look here http://foundationphp.com/tutorials/sprymenu/ssi.php
Thanks for the tips, Gramps.
I'll check 'em out. Correct me if I'm wrong, but I've been thinking that the spry menu can be treated like a style sheet, in that making a change to linked spry menu would mean changes to all menus. That hasn't proven true, yet. Maybe the serverside includes does this.
I'm building a website where my homepage will use one Spry Menu and all subsequent pages will use a slightly different configuration of the same menu. However, I cannot get the two menus to coexist within the same root folder. When I make any adjustments to one, it causes the other to change.
How can I get both to peacefully coexist and leave each other alone! I've tried to rebuild the homepage, keeping the style sheet within the head tag, while the other pages use an attached external style sheet. But this doesn't solve the problem.
Help!!! I'm going nuts! Thank you to anyone who can help!
I would design the menu to suit the majority of the pages.
For the page that the menu will be different, I would place overriding style rules in the HEAD section of the document.
e.g. If I wanted to change the colouring, I would place the following in my document
ul.MenuBarHorizontal a {
background-color: black;
color: yellow;
}
Please have a look here http://pleysier.com.au/max/ and click on each of the menu items.
To view the markup, right click the page and choose 'view source' or similar.
Is there a way to set a custom positon to the flyouts? I am actually not using this as a menu but I am using the flyout functions. I am trying to have a hover over an image and then display text. However using a verticle menu, the text is hidden the further you go down the page. I would like the pop up to apper not at the top of each individual button, but in the same place each time. Is this possible?
Yes.
You could use an absolute positioned element and have it hidden to the left (left: -1000em). Then using jQuery, change the value of left to 0 (left: 0). The function can be triggered when the image is hovered upon.
$(function() {
$('#myImage').hover( function(){
$('#myMessage').css('left', '0');
},
function(){
$('#myMessage').css('left', '-1000em');
});
});
North America
Europe, Middle East and Africa
Asia Pacific