Changing background gradient of menu items in TOC

Hi,
I know how to edit the playback swf files, but I can't find the TOC files (if there are any).
I want to delete the gradient present in the default/rollover state for menu items in the table of contents. thanks!

Hello,
Which version of Captivate are you using? In CP5 you can change the rollover Text color and the Rollover background color to improve readability. In CP4 you can only change the background color. For both, have a look in the TOC settings.
Lilybiri

Similar Messages

How do I change stills with each menu item selected?

Hi all.
I am trying to create a menu (with 10 items) which contains one single dropzone box, which will contain a still that changes with each menu item selected (instead of 10 different stills next to each item).
I have absolutely no idea how to achieve this! Do I create a different menu for each item? Is there a way to have a slideshow within the menu that changes with each item selected?
Please help!
Many thanks
James

THe way to do what you want to do is layered menus which have some limits
http://dvdstepbystep.com/layersover.php
What you would do is change the item that appears in the same section - in other words there would be ten layers with a diffrerent picture in the same exact spot, the rectangle buttons sections do not need to be over the picture section
http://dvdstepbystep.com/Layers_Example.dmg is a project that does changing images.

Is there a way to change the list of menu items?

I'm using Pages 5.5.2. The "save as" command has been deleted from the File menu and replaced with "Duplicate". Is there a way to restore "save as" as a menu item? I've discovered how you can do it by keystroke but miss it in the drop down menu.

You will find that by pressing the option key when you are in the File menu, that Duplicate changes to Save As… .

Can I get different background colors on menu items?

I've been trying to get different background colors on my menu (Quick launch) items for a while, without success. What I want is the even numbered items (the second, fourth, sixth...) to have a different background color than the uneven ones (first, third,
fifth...).
Anyone knows if this can be done?
Thanks, guys!

Can you do something in the javascript code where you have given specific IDs to each buttons in your menu? It could end up in something like "$('#menu_id').css('background-color', '#1B3E70');"
Or, let say you have controls defined like thie:
<body>
<ul class="menu">
<li class="menu-item"><a>item 1</a></li>
<li class="menu-item"><a>item 2</a></li>
<li class="menu-item"><a>item 3</a></li>
</ul>
</body>
Can't you write at render stage this kind of actions by index:
var i = $("li").index( $(this).parent() );
if ( i === 1 ) {
$('body').css('background', 'red');
} else if ( i === 2 ) {
$('body').css('background', 'green');
} else {
$('body').css('background', 'brown');

How can I change the File-- Open menu item?

In Bridge CS4, I want an option to open a selected JPEG photo in Photoshop CS4, which I believe would be the File-->Open command. However, in that menu item I only have the option of selecting ACDSee Pro to open a file with.
Is there a way to change this menu item so that I can select Photoshop CS4 to open a JPEG with?
Thanks,
John

Thanks John. Go into the Windows Folder options and associating CS4 with JPEG fixed the problem. In fact, when I do File-->Open now in Bridge CS4, all of my photo editors appear on the list.
John

How do I change background color on menu bar (file, edit,...) so I can see the items?

Current background is dark gray and print is black which makes it almost impossible to read the menu.

You can revert to the Default theme (Tools > Add-ons > Themes).
See [[Using themes with Firefox]] and http://kb.mozillazine.org/Themes (Lightweight theme)

How to resize and change background color of table item

i am using netbeans as a compiler and i am using an item (in my mobile application)called org.netbeans.microedition.lcdui.TableItem.Can i change row height and column
width.Also i wanna change cell background color.How can i do these?
THX FOR REPLIES

http://www.netbeans.org/kb/50/custom-tableitem.html

Changing color of Navigation menu items

I can't figure out how to change color of the navigation menu. any help?

The treatment of the navigation bar is hard-coded in XML files which control the appearance of iWeb templates. You cannot change this from within iWeb itself.
In fact, iWeb treats items on the navigation bar as images, as you'll see if you open a folder for one of your iWeb pages on your iDisk. Go to iDisk/Web/Sites/iWeb/SIteName/PageName_files and you'll find files such as navbar0normal.png, navbar0rollover.png, navbar1normal.png, navbar1rollover.png and so on. iWeb generates these based on the names you assign to your pages, using the font and colours specified in the controlling XML.
It is possible to change the appearance of the navigation bar, but only by editing the XML files within the iWeb application itself. Take a look at the 11 Mystics site, where Suzanne Boben provides a detailed description of what's involved. It's not something for the faint-hearted to tackle.
[ Visit here for iWeb Tips, Tricks and Hacks ]

How can I change the order of menu items using Term Store Navigation?

A cool new feature in SharePoint 2013 is term store navigation. However SharePoint seems to be ordering my terms (menu tabs) alphabetically. This is not a desired action.
I tried to enter the terms in the order I wanted them to appear (IE - Home, About, Contact etc. ) but my menus are still sorted by alpha (About, Contact, Home). I have tried to change the order using the interface but it doesn't seem to work.
Any suggestions on how to obtain the desired effect? If there is no workaround this feature is practically useless.
The Web Guy

Never mind, I just found the custom sort tab hidden away!
The Web Guy

Dashed rule between menu items nested inside an accordion panel widget in Muse?

I have a vertical menu widget nested inside an accordion panel widget and I want a dashed rule under each menu item. I already know I can have a solid rule by assigning a stroke to just the bottom of each menu item container.
I manually created dashed rules by "step and repeating" a 1px black square followed by 2px of space to a 380px width. I positioned these dashed rules under each menu item and grouped them with the menu. Then I placed the menu widget with the dashed rules into the content container for the accordion panel. The menu expands and collapses in the Preview mode but the dashed rules don't show up.
Muse CC 2014, iMac OS10.9

The link again is I forgot to add http to the link before, but it should have worked.
http://www.lipowiec.org/test/index.php
a) used Dreamweaver to create new site selected 1 column, elastic, centered, header, and footer
b) used spry to add horizontal menu to header
c) followed instructions from Spry Help
http://livedocs.adobe.com/en_US/Spry/SDG/index.html?lang=en_US ->
working with spry widgets -> working with the menu bar widget -> Customize the dimension of menu items as indicated
To change the dimension of menu items by changing the width properties of the menu item’s li and ul tags.
Locate the ul.MenuBarVertical li or ul.MenuBarHorizontal li rule.
Change the width property to a desired width, or change the property to auto to remove a fixed width, and add the property and value white-space: nowrap; to the rule.
Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul rule.
Change the width property to a desired width (or change the property to auto to remove a fixed width).
Locate the ul.MenuBarVertical ul li or ul.MenuBarHorizontal ul li rule.
Add the following properties to the rule: float: none; and background-color: transparent;.
Delete the width: 8.2em; property and value.
Under IE it's broken, under the other browsers it works.
There need to be more IE HACKS added.

Show all Menu Items

How can the default drop down menus be changed to show all menu items, all the time?
t h a n k s

Edit>menus. Choose the default set and don't allow menu customization when you save workspaces.
Bob

Changing only 1 menu item background color in a VerticleSpryMenu

Im working on this Verticle Spry Menu Bar (seen below) . I'm trying to figure out how to change the 'Get Started!' Item to be a different color than orange. Home, Support and Get Started! are clickable links with no submenu whereas the other menu items have submenus. Is there a special code to customize just Get Started!. Through CSS stylesheet I can get Get Started to change color but then Home and Support also change color and I dont want that.
Thanks

For all menu items use the following selectors
ul.MenuBarVertical a
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
For menu items with sub menu items use the following selectors to override the above
ul.MenuBarVertical a.MenuBarItemSubmenu
ul.MenuBarVertical a.MenuBarItemSubmenuHover
Gramps

Spry Menu Bar - Different Background Image Wanted for menu items

Hi, I've looked everywhere for help with this and just haven't found any answers yet ...
I want my Dreamweaver CS5.5 menu to look like this design I've done in PhotoShop ...
It's a simple one level list with no sub-levels.
Everything is good, except I can only set one background image for all the menu items at this level.
I want the first, last, and all the middle, menu items to use different background images.
I have no idea where or how to insert the code to set a different background image for each individual menu item ...
I know I could use images set one on top another in a column with rollover image swop, but the spry menu opens the door for dynamic content so I'm keen to get it working.
Manchester city council has a great example of this style of menu design working at - http://www.manchester.gov.uk/
They've got funky indenting of the text as well.
~~~~~~
This is the code for my menu list ...
<div class="sidebar1">
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#">Home</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Groups</a></li>
      <li><a href="#">Events</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
         <li><a href="#">Help</a></li>
    </ul>
</div>
This is how I set the background image (but I can only define one image) ...
I set the image background to "Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg" through ...
CSS Styles
SpryMenuBarVertical.css
ul.MenuBarVertical a
I then select the background category
and browse to the image file.
doing this changes my CSS code as follows ...
ul.MenuBarVertical li
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 170px;
    margin-top: 4px;
    margin-bottom: 4px;
    background: url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
ul.MenuBarVertical ul
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 170px;
    left: -1000em;
    top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
    background: url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #0000;
    text-decoration: none;
    font: normal 12px Verdana, Geneva, sans-serif;
    background: #EEE url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
~~~~~~
These are the three images I want to apply to the top middle and bottom menu items :
Top menu item background image - "Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg"
Middle menu items background image - "Menu-Nav-Bar-Pic-Mid-v1-w170px-h32px.jpg"
Bottom menu item background image - "Menu-Nav-Bar-Pic-Bot-v1-w170px-h32px.jpg"
~~~~~~
As I am unable to set the menu items individually, this is how the menu looks like on my website at the moment ...
~~~~~~
So near yet so far ! I'm hapy with the verdana font, the image size and spacing, but the background images I just can't set them right.
I'd really appreciate any help on this as I'm out of ideas.
Thank you.

The easiest way is to use pseudo elements.
To style the first and last menu items ifferently to the rest, merely add :first-child and :last-child respectivly as follows
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<style>
ul.MenuBarVertical li:first-child a {
    background-color: red;
    color: white;
ul.MenuBarVertical li:last-child a {
    background-color: green;
    color: yellow;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
In your case, in liue of the background colour, you would have an image.
Gramps

Change TOC button on play-bar to read "MENU" instead of "TOC"

Hello!
How can I change the TOC button on the play-bar to read "MENU" instead of "TOC"?
Any help is very much appreciated!
-Chris

Greetings.
Upon reading through your post here:
A Persona specifies the colors for text and background.
You can edit those values for the current Persona on the about:config page in the pref lightweightThemes.usedThemes in accentcolor and textcolor.
lightweightThemes.usedThemes:
[{"id":"1","name":"Persona","accentcolor":"#f8f8f8","textcolor":"#000000","description":"*****","author":"*****","headerURL":"http://getpersonas-cdn.mozilla.net/","footerURL":"http://getpersonas-cdn.mozilla.net/","previewURL":"","iconURL":"","updateURL":""}]
I had an issues regards of the font's color that few of the personas which I had installed; there are persona's background color making the font difficult to see(which the fonts is in its default color: black) or in some other personas that came with its own custom edit font's color that I'm not satisfied with.....
May I ask, does this method that you had given on this thread edits the font's color into any other color ?

Adding A Separate Background Image For Each Menu Item

I asked this in the Spry forum, and not sure I understand the answer. Plus, I should have been more specific in asking how to do it, as I'm still pretty new to this stuff. Nothing I'd found indicated it could be done, or how.
Org question -
I know you can apply a background image to the menu bar items, but is it possible to add a background image for each individual item? What I'm basically trying to keep are the effects (bevel/emboss, etc.,) that I attached to the text, when I created it in PS CS4.
Answer -
Yes you can. The widget is just normal plain html markup so you can just add other classNames or id attributes to the elements. And style the elements through those classes/ids.
Does this mean I'd have to write a new rule for each menu item? What?
Thank you.

Did an Adobe Tutorial for creating/entering a Spry Menu Bar. This is the HTML, after I took out the submenus.
<ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="news.html">Features</a></li>
      <li><a href="news.html">News</a></li>
      <li><a href="news.html">Fashion</a></li>
      <li><a href="news.html">Lifestyle</a></li>
      <li><a href="news.html">Calendar</a></li>
    </ul>
This is from the SpryMenuBarHorizontal.css (It seems like I need to make changes in the Design Info section of this code. But nothing I've tried has worked):
/* 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;
width: auto;
text-transform: uppercase;
/* 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: 7em;
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: 8.2em;
position: absolute;
left: -1000em;
/* 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 same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* 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
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
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;
filter:alpha(opacity:0.1);
/* 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;

Changing background gradient of menu items in TOC

Similar Messages

Maybe you are looking for