Adding sounds to Dreamweaver Spry Menus

Is there a way to add custom audio sounds to the spry menu so
that when someone visits the website and puts their cursor over the
menu item they can hear a custom audio play?

There is a way to do just about everything but think about
how annoying this will be for visitors that don't want to hear this
(and would rather be listening to music or other audio from their
PC). These little bells and whistles do nothing to enhance user
experience and can only result in driving away business. But if you
are determined, search the web for roll over sounds.

Similar Messages

Adding Sound in Dreamweaver CS6?

Hi everyone,
Can anyone tell me how to add a sound, which will play and loop to a mouse down behavior in CS6 please?
The behavior has been removed since CS5!
best regards, Ian

Hi iBrads,
Are you looking for something like these?
http://css-tricks.com/play-sound-on-hover/
http://webdesign.about.com/od/sound/a/play_sound_oncl.htm
Thanks,
Preran

Help with Dreamweaver CS5 spry menus. Submenus are not showing.

Hello.
I am working on a new website, and added 2 vertical spry menus to the page (left hand side under SEARCH). All of my submenus were working properly except for the fact that I couldn't see the entire list once it dropped down past the container window. I tried adding "overflow: visible" to the ul.MenuBarVertical ul AND ul.MenuBarVertical ul li and all of my submenus disappeared. Both spry menus were saved with different names. I tried UNDO multiple times, but they are still not working. HELP! I really don't want to have to go back and re-create these 2 menus.
Thank you.
Heres the link to my website
http://www.advertools.net/pmgdemo/index.html
P.S. I am Mac based and have only viewed my site on Safari, so I'm not sure how this looks on IE or any other browsers.

I looked at your linked site from a PC on Chrome 12, Firefox 4 and IE9. Your menus show albeit that they sometimes overlap a little in an unpleasant (but workable) way. I have not checked with Safari, need to get an updated copy.
So the problem does not show up in the browser.
Is the problem with Contribute?
PS: You submenus show out horizontally, not vertically - is that what you intended?

Dreamweaver cs4 spry menus issues with asp

I am having problems using spry menus with dreamweaver cs4
and asp pages. When I inset the spry menus they look fine on the
screen, except when I look at them through a browser the menu is
displayed as in my attachment. This doens't happen with html, so is
there an issue in dreamweaver 4 asp. Can anyone help me with this
one?
Julie

Julie,
Not a asp problem can you post a link or code for the page in
question?
Dave
"JulieThompsonaus" <[email protected]> wrote
in message
news:gqovvm$c0g$[email protected]..
> I am having problems using spry menus with dreamweaver
cs4 and asp pages.
> When I inset the spry menus they look fine on the
screen, except when I
look at
> them through a browser the menu is displayed as in my
attachment. This
doens't
> happen with html, so is there an issue in dreamweaver 4
asp. Can anyone
help
> me with this one?
> Julie
>
> * About Us
> o Our Staff
> o Testimonials
> o Customer Survey
> * Service Requst
> * Recruitment
> o Training
> o Job Descriptions
> o Job Applications
> * Contact Us
>
> c
>
>
>
>
>
>
>
>
> ? Home Carers 2009 Site Map Email Us
>

Horizontal Spry Menus are not showing up in ANY browser HELP!

www.tvnewsjunkie.com
I am a novice web designer and I need help!
The above site listed is the site I am currently working on. As you can see the menu bar...is not a menu bar at all but a long list of links along the left side.
HOWEVER, when I click on LIVE VIEW in DreamWeaver everything looks fine.
There should be 7 total menu bars with 7 Dropdown menu options each (except on the bottom menu bar which there will only be 4 I believe)
What am I doing wrong??

Thank you so much for your help!This matter is certainly closed.
I just want to add, however, that somehow my Spry Assets folder was placed somewhere outside of the rest of my files! no wonder I was confused.
Thank you again!
Grant
Date: Fri, 17 Dec 2010 23:43:25 -0700
From: [email protected]
To: [email protected]
Subject: Horizontal Spry Menus are not showing up in ANY browser HELP!
You have forgotten to upload the support files - SpryMenuBar.js and SpryMenuBarHorizontal.css - to the server.
Gramps
>

How to insert dropdown menus since Spry menus have been removed? [was: hi]

Hello. You've done a very problem thing by deleting a drop menus from Dreamweaver. Now I just have a not suitable plugins or must to pay for a using..If I was a very important customer, would require the immediate to return the spry assets.

Spry menus are terrible. You should not use them. That's why Adobe abandoned them in 2012. There's no chance of them coming back. Below are some free alternatives you can use.
Pure CSS Drop-Menu
http://jsfiddle.net/NancyO/zN7fU/
CSS3 animated dropdown menu
Responsive Hybrid
http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/index.html
jQuery Superfish
http://users.tpg.com.au/j_birch/plugins/superfish/
JQuery UI Menu
http://jqueryui.com/menu/
Nancy O.

Double vertical spry menus and IE8

I am trying to use two vertical spry menus on one page. This works in Chrome and Firefox, but the fly outs will not work in IE8. I am using Dreamweaver CS4, Operating System is XP Pro. Is there a fix for this issue? Bushmom

I am trying to use two vertical spry menus on one page. This works in Chrome and Firefox, but the fly outs will not work in IE8. I am using Dreamweaver CS4, Operating System is XP Pro. Is there a fix for this issue? Bushmom

Dreamweaver Spry IE problem :(

Hello all. New guy to the forum here. I'm having a problem with dreamweaver spry menu widget.
Take a look here: http://ferdiaobrien.com/edwardpower/links.php
Works absolutely perfectly in FF, Chrome, Opera and Safari, but IE simply refuses to drop the menus correctly.
Here is the CSS code:http://ferdiaobrien.com/edwardpower/SpryAssets/SpryMenuBarHorizontal.css
Any help would be greatly appreciated

The position of Spry Menu Bar submenus is controlled by the
margin property on submenu ul tags.
Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul
rule.
Change the margin: -5% 0 0 95%; default value to the desired
values.

Are Spry Menus SEO friendly?

Hi,
I read that Spry Menus are not SEO friendly.
Are Spry Menus created in Dreamweaver CS3 SEO friendly?
I can see the <a> links in the html. It looks OK to me.
Thanks,
Jeff:confused

macapples wrote:
>
quote:
Originally posted by:
Newsgroup User
> "danilocelic AdobeCommunityExpert"
<[email protected]> wrote in
> message news:g45mo1$2c0$[email protected]..
> > Murray *ACE* wrote:
> >> I think that there is Ajax involvement, but
it's not involved so that the
> >> links are 'obfuscated'.
> >
> > There is no Ajax involved in the Spry menus, only
dynamically showing and
> > hiding of the sub menus with JavaScript. Granted
some have come to call
> > anything dynamic like this Ajax these days, but
it's technically not got
> > anything to do with Ajax.
>
>
>
>
> Here's some language that would lead some to believe
that Spry is "AJAX"
>
> "Spry is a JavaScript-based framework that enables the
rapid development of
> Ajax-powered web pages."
>
> From the Adobe Labs page on Spry. These types of
references are made
> throughout DW books and training materials.
http://en.wikipedia.org/wiki/AJAX
AJAX: Asynchronous JavaScript and XML
With Ajax, web applications can retrieve data from the server
asynchronously in the background without interfering with the
display
and behavior of the existing page. Data is retrieved using
the
XMLHttpRequest object or through the use of Remote Scripting
in browsers
that do not support it. Despite the name, the use of
JavaScript, XML,
and asynchrony is not required.
So, maybe as the sub-menu is being exposed without a page
refresh it is
considered AJAX? I myself wouldn't call it AJAX.
Steve

I have a pdf file with the added sounds, so I can not run the sound in adobe reader XI on my tablet samsung galaxi pro (android)

I have a pdf file with the added sounds, so I can not run the sound in adobe reader XI on my tablet samsung galaxi pro (android)

Thanks for writing to us. Unfortunately, such advanced javascript support is currently not provided by Adobe Reader for Android.
Thanks,
Adobe Reader Team

Using images in Spry menus

Can someone please point me to instructions on how to incorporate button images in horizontal Spry menus?

Here's the working model for the menu I created using images for the main menu tabs: http://mmfc.org/HomePage_CleanUp/index_working.html. And here is the style sheet: http://mmfc.org/HomePage_CleanUp/SpryAssets/working.css.
I have one remaining problem, and hope someone can help.
There are three states/images for the main menu tabs: normal state, hover state (when the cursor is over the tab), and visible state (when a submenu is open and the cursor is over a submenu item).
In OS10.6.4/Safari, it works correctly:
Normal state
Hover state
Visible state
In Windows XP/IE 6, the 3rd state works incorrectly -- the hover state doesn't get replaced by the visible state:
In OS10.6.4/Opera and OS10.6.4/Firefox, it also works incorrectly -- but this time the hover state gets replaced by the hover color, not the visible state image:
For reference, I've copied the CSS below.
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
float: right;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: auto;
position: absolute;
left: -1000em;
background-color: #FDE9BB;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left: auto;
/* Menu item containers are variable width according to submenu item text */
ul.MenuBarHorizontal ul li {
width: auto;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* No borders on all sides */
/* ul.MenuBarHorizontal ul
border: 1px solid #666666;
/* Menu items are a light colored block with no padding and no text decoration */
ul.MenuBarHorizontal a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
display: block;
cursor: pointer;
color: #000000;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 11px;
/* For setting the background color of the spry menu you need to edit the background in the CSS pane. Click on the spry menu bar and then open up the CSS pane. Window > CSS Styles. There's a few CSS items that set the background by default. The "a" item sets the background for the items that don't have a dropdown and the MenuBarItemSubmenu sets the background for the items that have a dropdown. You can set the background to an image just like you would any other element in your HTML. */
/* The following selectors define images for the (orange) normal state of tabs */
ul.MenuBarHorizontal a #AboutUs {
background-image: url(../img/DropDownMenu_aboutus.gif);
ul.MenuBarHorizontal a #Missions {
background-image: url(../img/DropDownMenu_missions.gif);
ul.MenuBarHorizontal a #Help {
background-image: url(../img/DropDownMenu_help.gif);
ul.MenuBarHorizontal a #NewsAndEvents {
background-image: url(../img/DropDownMenu_newsandevents.gif);
ul.MenuBarHorizontal a #Media {
background-image: url(../img/DropDownMenu_media.gif);
ul.MenuBarHorizontal a #PatientStories {
background-image: url(../img/DropDownMenu_patientstories.gif);
ul.MenuBarHorizontal a #ContactUs {
background-image: url(../img/DropDownMenu_contactus.gif);
/* The following selectors define images for the (bright) active state of tabs.*/
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #AboutUs, ul.MenuBarHorizontal a.MenuBarItemHover #AboutUs, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #AboutUs {
background-image: url(../img/DropDownMenu_aboutus_vis.gif);
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #Missions, ul.MenuBarHorizontal a.MenuBarItemHover #Missions, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #Missions {
background-image: url(../img/DropDownMenu_missions_vis.gif);
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #Help, ul.MenuBarHorizontal a.MenuBarItemHover #Help, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #Help {
background-image: url(../img/DropDownMenu_help_vis.gif);
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #NewsAndEvents, ul.MenuBarHorizontal a.MenuBarItemHover #NewsAndEvents, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #NewsAndEvents {
background-image: url(../img/DropDownMenu_newsandevents_vis.gif);
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #Media, ul.MenuBarHorizontal a.MenuBarItemHover #Media, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #Media {
background-image: url(../img/DropDownMenu_media_vis.gif);
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #PatientStories, ul.MenuBarHorizontal a.MenuBarItemHover #PatientStories, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #PatientStories {
background-image: url(../img/DropDownMenu_patientstories_vis.gif);
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #ContactUs, ul.MenuBarHorizontal a.MenuBarItemHover #ContactUs, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #ContactUs {
background-image: url(../img/DropDownMenu_contactus_vis.gif);
/* The following selectors define images for the (red) hover state of tabs.*/
ul.MenuBarHorizontal a:hover #AboutUs, ul.MenuBarHorizontal a:focus #AboutUs {
background-image: url(../img/DropDownMenu_aboutus_hover.gif);
ul.MenuBarHorizontal a:hover #Missions, ul.MenuBarHorizontal a:focus #Missions {
background-image: url(../img/DropDownMenu_missions_hover.gif);
ul.MenuBarHorizontal a:hover #Help, ul.MenuBarHorizontal a:focus #Help {
background-image: url(../img/DropDownMenu_help_hover.gif);
ul.MenuBarHorizontal a:hover #NewsAndEvents, ul.MenuBarHorizontal a:focus #NewsAndEvents {
background-image: url(../img/DropDownMenu_newsandevents_hover.gif);
ul.MenuBarHorizontal a:hover #Media, ul.MenuBarHorizontal a:focus #Media {
background-image: url(../img/DropDownMenu_media_hover.gif);
ul.MenuBarHorizontal a:hover #PatientStories, ul.MenuBarHorizontal a:focus #PatientStories {
background-image: url(../img/DropDownMenu_patientstories_hover.gif);
ul.MenuBarHorizontal a:hover #ContactUs, ul.MenuBarHorizontal a:focus #ContactUs {
background-image: url(../img/DropDownMenu_contactus_hover.gif);
/* Menu items that have mouse over or focus have a dark background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
background-color: #bf2e1a;
color: #FFFFFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a dark background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
background-color: #bf2e1a;
color: #FFFFFF;
/* Sets width of submenus and makes text non-wrapping */
ul.MenuBarHorizontal ul li {
display: block;
float: none;
width: 12em;
white-space: nowrap;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
/* background-image: url(SpryMenuBarDown.gif); */
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
/* background-image: url(SpryMenuBarRight.gif); */
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
/* background-image: url(SpryMenuBarDownHover.gif); */
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
/* background-image: url(SpryMenuBarRightHover.gif); */
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE {
display: inline;
/* f\loat: left;
background: #FFF; */

Adding MP3 in Dreamweaver CS3

Hi,
I am new to this forum but I really need some help.
I am trying to link some mp3s onto my website using Dreamweaver CS3. I have tried two options:
Using a Flash button
For example: <a href="../music/track.mp3">Services</a>
Both instances do play the mp3 but they both open in a new window. They both open Windows Media Player.
Is there anyway I can press the play button without opening a new windows? I just want to be able to stop, play, pause, etc. just from that button.
Didn't consider embedding the files because I'll have a number of them a page.
Any help?

Thanks a million.
Date: Tue, 9 Mar 2010 11:40:18 -0700
From: [email protected]
To: [email protected]
Subject: Adding MP3 in Dreamweaver CS3
Get Wimpy MP3 Player. A single, Flash based, streaming media player can handle all your audio files from a playlist. Easy to set-up, dirt simple to add or remove media files later.
http://www.wimpyplayer.com/affiliates/idevaffiliate.php?id=836
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com
>

I have just added sound fonts in my library bank, but everytime i try to load a sound tru DLS my logic crashes... Plz help.

I have just added sound fonts in my library bank, but everytime i try to load a sound tru DLS my logic crashes... Plz help.
cassykeys

Have you tried importing them into the EXS 24 ? Assuming the process is the same if you're on Logic X, its just a matter of putting the soundfont files into the ~/Library/Application Support/Logic/Sampler Instruments folder and the EXS converts them when you try to load them - its explained properly in the Software Instruments manual (EXS24 section), but its very quick and easy. It might provide a decent alternative.

Spry menus - using images for buttons

A search of the forums shows two approaches, to use an image
for a button in a Spry menu.
One of them uses HTML to put an <img> into the
<li>. Here is the example I found cited [contributed by
arandlett - though said there not to work in IE7].
<ul class="MenuBarVertical" id="MenuBar1">
<li><img src="images/bullet.png" align="left"
/><a class="MenuBarItemSubmenu"
href="index.htm">home</a></li>
<li><img src="images/bullet.png" align="left"
/><a href="#">About</a> </li>
</ul>
The other advises "find "background-color" and change it to
"background-image: url(link/to/image)" " [contributed by The only
RaM].
Underlying of course, is the question, how does the HTML
interplay (or not!) with the Spry javascript?
By this time, there must be pretty wide experience. After
all, putting interesting buttons in the popups/dropdowns is in many
ways what this is about.
We would be quite appreciative to learn what experience
indicates, now, is best practice. Or, does it depend, on ... ?
Thanks in advance for your help, David Allen

Let me add a note to my own post.
We would still be delighted to hear others' experience, with
images in Spry menus. One thing does emerge with a little further
look: The Spry menu is suited to using the _same_ image for each
button. If the desire is to vary that image (such as to use an
unusual font, so that the text changes on each image), then
Fireworks clearly is the tool of choice.
Again, we would be pleased to hear other experiences, David
Allen

Spry Menus on Spry Tabbed Panels?

Hi,
I'm designing a site that has major tabs at the top, each of which takes the visitor to an appropriate section of the site... each with a default section overview page and a horizontal nav menu that's appropriate for that section. (This design is similar to going to a site like AT&T and clicking on top tabs for Home, Small Business or Enterprise. Once you've done so, the menu below then presents links appropriate to the Home, Small Business or Enterprise products.) I've been trying to implement this by putting instances of Spry Menus in Spry Tabbed Panels within the TabbedPanelsContentGroup div. Specifically, I have the MenuBarHorizontal class is each TabbedPanelsContent div/class.
I have the basic layout working, but the wiring is mystifying me. Clicking the various tabs indeed presents the correct corresponding menus. But I also need to figure out how to make clicking a section tab go to the section overview page (which happens to also correspond the first menu item, "Overview", in each section). There's no real <a href> kind of option that's apparent in conjunction with the TabbedPanelTabs in the TabbedPanelsGroup. Is there a way to force a particular page to display when switching tabs? Or am I trying to use the wrong tool for the job and there's a better technical approach to implementing this design?
I've tried David Powers' blog entry re "Opening Specific Tabs and Panels from Another Page" (http://foundationphp.com/tutorials/spry_url_utils.php), but it describes exactly what the title implies.
Thanks!
Jeffrey

Hi, Jeffrey,
I think I'm going to need to diagram this out!
Let's see...when you say "major tabs at the top" are you referring to a separate MenuBar or are you speaking of Spry Tabbed Panels?
You of course realize that if you are speaking of Spry Tabbed Panels, that EVERYTHING on the panels is on one page. If that is your main organization, yeah, it's a little hairy.
Now, if you have a "normal" one-level set of nav buttons that each takes you to a page that contains a set of Tabbed Panels for that "department," that will get you where you need to be without quite as much mind-blowing follow-the-wire through the wall hijinks, if you know what I mean.
Here is a site that I put together using Spry Tabbed Panels: http://www25.uua.org/uuhs/index.html Although the top "tabs" nav looks like Tabbed Panels tabs, the Tabbed Panels don't start until you get inside the site, and there I use Vertical tabs (on the left side) and on the Panels have put lots of Spry Accordions.
By using this technique, you have an effective "landing page" on each "department" linked to with the top navigation buttons.
Best of luck, and watch out for short-circuits!
Beth

Adding sounds to Dreamweaver Spry Menus

Similar Messages

Maybe you are looking for