Inserting Hyperlinks in Existing Menu Shell

So, I've been trying to sort it out for over a week. I bought this theme for wordpress which has a flash on the main page, and I have no clue how to insert links on the pre existing menu shells on the left hand side. I have tried looking at tutorials but I just can't seem to get it right. I have attached a picture so you know what I'm talking about, and the file itself if someone can find time to look at it and let me know how to put hyperlinks in. It will be great if someone could help me. Thanks.
https://www.dropbox.com/s/alpkz6le6cf9rue/header_v8.fla

you need to
1. assign instance names to those items on the left (click to select one and in the properites panel assign a name - eg, english_btn for the first item)
2. in the actions panel, add the needed actionscript for each item:
english_btn.onRelease=function(){
getURL("http://www.adobe.com");

Similar Messages

How do I insert a drop down menu bar?

Hi, I'm designing my 1st website and I started it in photoshop cs5.5. I imported my site into Dreamweaver cs5.5 and uploaded it to my server. The problem I'm having is that when I try to insert a drop down menu bar, I get gaps within my page. How do I fix this? *Help Please* The URL for my site is: http://www.coriemoment.com
and this is my coding:
<html xmlns="http://www.coriemoment.com"
<head>
<title>The Official Corie Moment Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
    <div id="=container"
<body bgcolor="#FFFFFF" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" margin:0;>

<table id="Table_01" width="1281" height="768" border="0" cellpadding="0" cellspacing="0">
          <tr>
                    <td colspan="6">
                              <img src="images/index_01.png" width="1280" height="220" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="220" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="4">
                              <img src="images/index_02.png" alt="" width="414" height="548"></td>
                    <td rowspan="3">
                              <object width="564" height="423"><param name="movie" value="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3" type="application/x-shockwave-flash" width="564" height="423" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
                    <td colspan="3">
                              <img src="images/index_04.png" width="255" height="89" alt=""></td>
                    <td rowspan="4">
                              <img src="images/index_05.png" width="46" height="548" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="89" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="2">
                              <img src="images/video_03-07.png" width="1" height="336" alt=""></td>
                    <td rowspan="3">
                              <img src="images/index_07.png" width="34" height="459" alt=""></td>
                    <td>
                              <script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
/*put your twitter id that people use to reply to you below. Mine is mhorning. If you only want to see the Tweets that you have Tweeted, then delete the part below that says- OR to:coriemoment */
search: 'from:coriemoment OR to:coriemoment',
   /*this is the duration in terms of seconds*/
interval: 30000,
   /*this is the title you want on your tweets*/
title: 'Corie Tweets',
subject: 'Send us your comments',
   /*setting width to 'auto' will adjust the width of your tweetbox to whatever is set on your div. You can change this to something like 500px if you want*/
width: 'auto',
height: 212,
theme: {
    shell: {
             /*this will change the background color of your tweetbox. It is currently yellow*/
            background: 'body p, body img, body embed, body object, body video{opacity:1 !important}',
      /*this will change the color of the text in your background*/
            color: 'fac935'
    tweets: {
             /*this will change the background color behind your tweets. It is currently white*/
            background: 'body p, body img, body embed, body object, body video{opacity:0.2 !important}',
       /*this will change the color of the text in your tweets. It is currently black*/
            color: '#000000',
       /*this will change the color of anything that is hyperlinked in your tweet. It is currently blue*/
            links: '#1985b5'
features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
}).render().start();
</script></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="302" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="2">
                              <img src="images/index_09.png" width="220" height="157" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="34" alt=""></td>
          </tr>
          <tr>
                    <td colspan="2">
                              <img src="images/index_10.png" width="566" height="123" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="123" alt=""></td>
          </tr>
</table>

</body>
</html>

Please see here http://forums.adobe.com/thread/1166609.
Really annoying when there are multiple posts for one query

Insert hyperlinks in pdf-documents

Since Mavericks you can´t insert hyperlinks in pdf-documents. I miss this option in the preview. Are there any other possibilities?
(I have MS Office for apple, therefore the links get lost, if I convert it to pdf).

No one here can guess what "Apple wants." This is just an end user forum. There are open source alternatives to Pages and Office you may want to research: https://discussions.apple.com/docs/DOC-6941
http://www.apple.com/feedback is where you can put your two cents if you so desire to get Apple to consider them.

How to insert text in existing file.?????

how to insert text in existing file.?????
my file contains simple text with numbers of lines having more then 10 MB size and it might be increase up to 100MB.
i required to seek to spec. position and insert chunk of characters to file without overwriting existing one.
I tried out with RandomAccessFile class Also.
Pl. Suggest me way to insert String in existing file.
Thanks ,
Timir

how to insert text in existing file.?????You can't "insert" text into an existing file. You can
overwrite portions of an existing file or extend one by
writing past the current end of file.
If you want to insert text into a file you have to write
out a new file.

Trying to insert hyperlinks

In FrameMaker 10, I need to insert hyperlinks that will translate to links within PDF output and also to links within RoboHelp. Is that possible? If so, how do you insert those? Typically it's either a link from one chapter file to another or from one place to another within the same file. Thanks!

Hi Suzy. In your PDF, you need to view the Destinations (Right-Click on the Bookmarks icon and select Destinations). Find the destination you want to link to (this may take some time if it's a big book/document) and make a note of the F number.
In RoboHelp, create a Baggage File folder and copy your pdf in it, making note of the Baggage Folder name and pdf name
In FrameMaker, enter the Go to URL hypertext maker like this - message URL ../../<RH Baggage Folder Name>/<DocumentName>.pdf#F8" target="_blank"
This should open your PDF at the appropriate place in another browser window.
Mark

Is it possible to insert hyperlinks into Dev Forms Code?

Does anyone know of a way to insert hyperlinks into forms once
it's deployed? For example, if I want the user to click on a
button "when-button-pressed" code that will take them to a
website.
thanks
null

Ares (guest) wrote:
: Does anyone know of a way to insert hyperlinks into forms once
: it's deployed? For example, if I want the user to click on a
: button "when-button-pressed" code that will take them to a
: website.
: thanks
Why don't you use WEB.SHOW_DOCUMENT inside your "when-button-
pressed" trigger?
Yar
null

I can't insert hyperlink to email me button,can you help me.

When I try to insert hyperlink to email me button it won't bold up so i can click on it. How do i add the email address I want the button to link to?

The email button is predefined.
If you still want to use it for another email address, publish the page and grab the image.
Also note there's a whole universe beyond iWeb. Explore and discover it :
http://www.google.com/search?q=email+buttons

Inserting hyperlink - Cannot find the 'Source'

I am having trouble locating the 'source' when inserting a hyperlink to a page. I am doing as I have been taught but its just not working, I have tried inserting link in a number of ways such as Insert Hyperlink.... Also using the propertie manager to do it that way but cannot find the source anywhere. I have a deadline for tomorrow and managed to link homepage to second page whilst in a tutorial. I am not using a live web domain it is just for mock purposes.
Please help.

Thanks for some reason it seems to be working now for reasons unknown... But.. My text navigation bar links have been inserted as new layers rather than div tags so now the link text is showing on top of the 'Client Page' text and looking a mess I will add the codes now to see if someone can help ????
Basically I need to hide the link that is sitting ontop of the image layer which is the nav bar... If that makes sense. I am new to dw so sorry for the long winded way explaining.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>
<div class="outerwrapper">
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5"><a href="Client Page.html" class="style1">Client Page.html</a></div>
<div id="Layer6"></div>
<div id="Layer7"></div>
<div id="Layer8"></div>
</div>
</body>
</html>

Inserting Media In Disc Menu

I have chosen a disc menu for my project. In the main Menu I have a place to "Add Media Here". I would like to add a section of one of my scenes that I have in the time line into the main menu for an introduction. I cannot figure out how to trim the scene, delete audio, and then insert it in the menu. I did this before with PRE 4 but I cant remember how I did it. I know I have to copy the scene somehow and the trim it seperately but I forgot how. Thanks for all the help thus far.

The easiest way to insert a Motion Background from the Timeline is to Export/Share that desired portion as say a DV-AVI for an SD Project.
This can be done easily two ways:
You can limit the Export/Share with the WAB (Work Area Bar), and uncheck the Export Audio if you only want the Video. Then, just choose Add to Project, and drag that resultant DV-AVI from the Project Panel to the Menu.
You can do a Save_As for your Project (leaving your original Project untouched), and then Delete all extra material from the Timeline. Do the Export/Share. Close that Project and then Open your original. Import that resultant AV file, and drag that to the Menu.
I like the first, as it saves a step, or two.
Here is a look at the WAB:
Good luck,
Hunt

I can't locate an "advanced" tab in my Keynote to insert hyperlinks - any ideas onwhat might be wrong?

The instructions said to click on the "wrench" looking tab, and click on "advanced" tools to insert hyperlinks into my presentations - there is no "advanced" tab showing up - any ideas of what might be wrong, or how to get to it?

The "Wrench" is in the upper right hand side of Keynote for iOS. Advanced is one of the options after you click on the wrench, Interactive Hypelinks is selected from within the Advanced option. You then select an object and assign a link to it.
Good luck.

How To Change Hyperlinks And Nav Menu Colors

I continue to see people stating that it's impossible to change hyperlink colors and navigation menu colors until after you publish your site. This is not true. It's quite easy to update your templates with the colors YOU want and when you update the template, you never have to mess with any post-processing. You make a new page? Your colors are already there.
I've gone over this before in this thread:
http://discussions.apple.com/thread.jspa?messageID=3288533&#3288533
But I'll go over the quick and dirty version here as well. Those who want more detail can post a question and I'll elaborate.
First, do you know how to get into iWeb's inner folders? You right click or control click on your iWeb icon and select Show Package Contents from the pop-up menu.
Step 2
Once you've done that, you'll see a new Finder window that shows a folder called Contents. Open that and then open the next folder Resources. Within Resources there's a folder named Shared. Open the Shared folder.
You're now looking at your collection of iWeb template files. You'll notice that each template has seven individual page files - each file defines the layout and styles for the page for which its named. This is actually one of the two places where you'll find the data/images that make up your iWeb pages. This location only contains the images. Now I'll show you were to find the data file.
So you're currently here:
/Applications/iWeb/Contents/Resources/Shared/
You want to go here:
/Applications/iWeb/Contents/Resources/English.lproj
Now if you speak another language and your Mac's system language is set to the language you speak, substitue English with that language. If your system is set to English regardless of the language you speak, and you use the English templates, then stick with the English folder.
When you're in the English.lproj folder, you will see seven sub-folders and one file named TemplatesInfo.plist. TemplatesInfo.plist is the file that registers the templates and tells iWeb what you've got in your collection. But we don't care about that file for now. We're after the template data files.
The seven sub-folders are aptly named for each of the seven page-types as you can see. Open the About Me folder.
Now you will see an "about me.webtemplate" file for every template you have in your collection. Good job. You've learned something new. Move on to Step 3.
Step 3
If you haven't decided yet, now's the time to decide which template you'd like to update. If you're just along for the ride to learn something new, no worries. We won't do anything you can't undo.
Pick a template file now. Perhaps you chose the White template, or:
White About Me.webtemplate
Right click or control click on this file and select Show Package Contents from the pop-up menu. This will launch a new Finder window that displays the contents of the White About Me.webtemplate file.
You will likely see a handful of different files, but the file you want is the one named Index.xml.gz.
Index.xml.gz is the brain behind the template. Within this file are all the settings for the page you chose and it's really not hard to find what you want and change it. So let's take a peek.
Step 4
Double-click the file Index.xml.gz. This will reveal a new file named Index.xml. You might have to scroll down in your Finder window to see it. Rename Index.xml.gz to Index.xml.gz.backup in case you screw things up, you have your original.
Now, open Index.xml with TextEdit. Do not open the file with a code editor unless you have already formatted the file.
When the file opens, you'll notice it's one gigantic jumbled mess of stuff. No worries, we'll straighten that out. All you need to do is a find/replace.
Find all instances of: ><
And replace with:
<
The line break is important so maybe just copy the lines right out of this post. When you replace all of those, the file will be far more easy to view.
Assuming you've completed that step. You're basically ready to make your change and test it out! Not hard ey?
So let's say you want to change your hyperlink color from grey to blue. Search for this string:
BLDefaultHyperlinkCharacterStyleIdentifier0
When you find that string, you will see a few lines below it, two lines that look similar to this:
<sf:fontColor>
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r=".8" sfa:g="1" sfa:b="0.4" sfa:a="1"/>
This is how the template specifies color. It's RGB100. Your Mac came with a program called Art Director's Took Kit and that application can tell you the RGB100 values for any color you want. Tinker with that and you'll have a lot of fun with this.
So I picked out a nice royal blue for you. The RGB100 values for it are:
R:0 G:25 B:100
What you need to do is update the color line to match those values:
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0" sfa:g=".25" sfa:b="1" sfa:a="1"/>
Notice that you specify these in terms of a percentage, where 25 became .25 and 100 became 1.
Step 5
Save your file. It's time to see your work in action. Open iWeb if it isn't open already and create a new page using the template you've just altered. If you altered the White About Me page, then select that and create the new page.
It there are hyperlinks already on this page, you should already see that they reflect your new color. If there aren't any hyperlinks, then type some text and create one. You should see your new link color right away!
Now if you don't see the new color, either you picked the wrong page or you neglected to rename the Index.xml.gz file a few steps back. If you did not rename that file, then it's still in control of your template. Rename it now and try again.
If you don't like that color, simply swap back to the TextEdit page and change it until you like it - switching back and forth between the file and iWeb to view your changes. Once you're happy, make note of the color you chose and make the change for the remaining six pages in the tempalte you selected. Just be sure to follow the steps for each page you edit. If you fail to see your change, again, check to see that you renamed Index.xml.gz.
Side Notes
For the more technical, rather than editing an existing template, you might want to duplicate and rename a template. This essentially creates a brand new one. If you're pretty good within Finder then go for it, just be sure that you duplicate the files in both locations:
/Applications/iWeb/Contents/Resources/Shared/
/Applications/iWeb/Contents/Resources/English.lproj/...
Choose a unique name for the duplicated template and change every single file so that the new name replaces the old one. You would have to register this new template in the TemplatesInfo.plist file as well, but I'm not going to get into that here.
The thread I referenced at the top has all kinds of search terms to find the other hyperlink styles (rollover and visited) and all the navigation menu styles plus a bunch of other fun stuff.
Now, it seems long, but that's because I wrote it well. The shortest version of this I've ever written was two sentences, but that was for a UNIX geek and he got it. It's just as easy for you, but I write it out so that anyone can do this, because anyone can. It's just not hard.
If you have questions about any of the steps, go ahead and ask.

Good. Okay here's how to apply a background color to your nav bar buttons. For example, my Aerolite template sets the selected page to a black background color. The rollover effect uses a gradient fill. I'll describe both of those here.
First, here are the navigation menu search terms:
navbaritem-style-normal-default
navbaritem-style-rollover-default
navbaritem-style-selected-default
navbar-pargraph
The first three set the button effects and text colors. The last one there sets the font, font size and other paragraph styles.
To change the selected page button background color, or gradient or image, first search for it using the search term above. Start from the top of the file because there are two instances of those terms, one where you can set the values, the other is only reference to the first and does not allow you to change settings.
When you find the search term, you might want to insert an empty line above it to help separate it from the rest of the code. You can also insert an empty line below the section. The end of this style ends with:
</sf:navbar-item-style>
Be careful not to mix that up with </sf:navbaritem-character-style>
Now, within this section, you'll find all kinds of settings... stroke, fill, character styles, etc. Notice you can change font color in there. But for this demo, you want to find the section that looks like this:
<sf:fill>
<sf:null/>
</sf:fill>
I'm assuming you're editing an Apple template that does not already have a fill effect. If it does have one, then your example might not look exactly like that.
To apply a color fill, change those three lines to these lines:
<sf:fill>
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0" sfa:g="0" sfa:b="0" sfa:a="1"/>
</sf:fill>
You can see that we've inserted the line that specifies color - something you should be familiar with by now. Here you can specify the color that will become the background of your nav bar button. This example specifies black. Easy no?
If you would prefer a gradient fill, then replace those three lines with this:
<sf:fill>
<sf:angle-gradient sfa:ID="SFRAngleGradient-1111" sf:opacity="1" sf:type="linear" sf:angle="0">
<sf:stops sfa:ID="NSMutableArray-1111">
<sf:gradient-stop sfa:ID="SFRGradientStop-1111" sf:fraction="0">
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0.40" sfa:g="0.40" sfa:b="0.30" sfa:a="1"/>
</sf:gradient-stop>
<sf:gradient-stop sfa:ID="SFRGradientStop-2222" sf:fraction="1">
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0.64" sfa:g="0.66" sfa:b="0.54" sfa:a="1"/>
</sf:gradient-stop>
</sf:stops>
</sf:angle-gradient>
</sf:fill>
Now, don't panic Here's what this is. The first line allows you to specify the angle of your gradient. Play with the numbers from 0 to 359 until you have what makes sense for your design.
Then, you will see two familiar lines again - the lines that allow you to specify color! The first line is the first color of your gradient and the second color is the second color of your gradient. That's all there is to it!
SECRET: It might be possible to add additional colors, not just two. Do you see the part sf:fraction="0" and sf:fraction="1"? These are gradient stops. I'm willing to bet that if you inserted a thrid gradient stop with a fraction setting of .5, you'd have a three-color gradient!
<sf:gradient-stop sfa:ID="SFRGradientStop-3333" sf:fraction=".5">
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0" sfa:g="0.25" sfa:b="4" sfa:a="1"/>
</sf:gradient-stop>
I have never tried this - it just occurred to me as I was looking at this code. Big prize for the first person to prove the theory
NOTE: You will notice that the number 1111 and 2222 are within this code. iWeb XML relies on identification tags here and there. It's nothing you really have to care about except if you insert gradient fills in more than one area. Those numbers need to be unique so if you paste that code in for your selected page button and then paste it again for your rollover buttons, you'll need to update the numbers for the second button. Any numbers are fine. Use 3333 and 4444 for the second set, 5555 and 6666 for the thrid and so on. I often just type 4345781476 - doesn't matter.
Next lesson will be images.

How to insert hyperlinks in RTF document shown in JEditorPane?

This is a compound question so bear with me on this one :)
What I need is to insert an hyperlink in a JEditorPane; Store it as RTF code; Retrieve it; Show it and click on it to go the the destination.
1) So, first question, is there some method to automatically add the hyperlink and will it be saved in RTF with RTFEditorKit? (I'm actually using AdvancedRTFEditorKit but an answer to either will be enough)
2) I tried a method that adds what appears as a link but the document that is stored doesn't have the necessary RTF codes, only the formatting that makes it look like a link. I also checked the actual RTF codes I'd need to add and they seem easy to do. So, is there a way to add the actual underlying RTF codes to the document while it's in the JEditorPane?
I know the question(s) isn't too specific, if you can shed some light over the whole thing and point me in the right direction, it'd be great!

Just a follow up to my own question. I found a way to answer my question 2) and I'm now storing the rtf code for hyperlinks. Now, when I show the document in JEditorPane with RTFEditorKit, I get the name of the hyperlink with no formatting indicating that it's a hyperlink.
Example. The link "http://www.google.com" with the name "Google", only shows "Google" in plain text.
Is it because the components I'm using don't support hyperlinks from RTF files even though they're supported from HTML files?
Is there any way you can see this working? Is it possible to include something inside the JEditorPane that the user can click, instead of the hyperlink?

How do I get a 'insert - hyperlink - file' to display in a new web page?

When I insert the link to a downloadable file, that's fine.
But I'm losing my eyeballs because iWeb uses the same webpage to open my downloadable file.
The option to check, 'open in new web page' is not appearing.

Welcome to the Apple Discussions. You need to first upload the file to your server and use the URL to the file at that location as the link to external page option of the Inspector/Link/Hyperlink pane. If the browser supports displaying the file type it will open in a new window.
Click to view full size
OT

Nube needs help inserting a JQuery horizontal menu bar into my site-help.

Please forgive the ignorance of my questions but I am new to Mobile site design and Dreamweaver.
I am trying to build a responsive web site for my company that can be viewed on multiple platforms, but am having trouble inserting a responsive menu and responsive slide show.
This post is in regard to the menu bar, which I have created using JQuery on a seperate page. I have managed to get the layout to work but still can't figure out how to create mouse overs for the links
or how to insert it into my site.
Please help.
Why can't I see the nav bar in the site when I paste in?
All I see is the text and no images. I know I am pasting the code in the wrong place.
Where do I insert it?
Below is the code for the site and below that is the code for the menu bar.
Where do I insert it? Help.
Thank you in advance for any help you can provide.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html>




<html class="">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/master.css" rel="stylesheet" type="text/css">


<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">
    <div align="center"><img src="images/Site Objects/headermain.png" alt="header"></div>
</div>
<div id="navbar">ul#navlist { font-family: <span class="navfont">sans-serif</span>; }
ul#navlist a
font-weight: bold;
text-decoration: none;
ul#navlist, ul#navlist ul, ul#navlist li
margin: 0px;
padding: 0px;
list-style-type: none;
ul#navlist li { float: left; }
ul#navlist li a
color: #ffffff;
background-color: #<span class="navmainbg">003366</span>;
padding: 3px;
border: 1px #ffffff outset;
ul#navlist li a:hover
color: #ffff00;
background-color: #<span class="submenubg">003366</span>;
ul#navlist li a:active
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }
ul#subnavlist li a
padding: 0px;
margin: 0px;
ul#navlist li:hover ul#subnavlist
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
ul#navlist li:hover ul#subnavlist li a
display: block;
width: 10em;
border: none;
padding: 2px;
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
Read more: How to Make a Rollover Drop-Down Menu | eHow http://www.ehow.com/how_8569816_make-rollover-dropdown-menu.html#ixzz2WZQ3IDmU</div>
<div id="slideshow">
<div id="slideshow">
    <div align="center">
      
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 1225px; height: 400px; position:relative; text-align: left;" data-erConfig="{autoplayEnabled:true, randomize:true, autoplayDelay:3000, autoplayStopOnInteraction:false, autoplayPauseOnHover:false, audio_controllerLocation:'br', lpp:'102-105-108-101-58-47-47-47-85-115-101-114-115-47-77-97-99-50-47-68-111-99-117-109-1 01-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-11 2-114-101-118-105-101-119-95-115-119-102-115-47', wv:1}" data-erName="slideshow rotator" data-erTID="{hg3ysjwkx61418058007631}">
          <div data-ertype="content" style="display: none;"><ul data-erlabel=>
          <li>
                    <img class="main" src="_images/Site Objects/fades how/lrg_images/image09-turn.png" />
                    <img class="thumb" src="_images/Site Objects/fadess how/lrg_images/image09-turn.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/fades how/lrg_images/image08-ss.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image08-ss.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image07-posters.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image07-posters.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image06-photo_ed.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image06-photo_ed.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image05-nwsmag.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image05-nwsmag.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image04-litigation.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image04-litigation.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image03-creative.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image03-creative.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image02-corp.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image02-corp.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image01-bound.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image01-bound.png" />
          </li>
</ul>
</div>
          <div data-ertype="layout" data-ertemplateName="NONE" style="">                              <div class="erdots" style="overflow: hidden; margin: 0; position:absolute;right:0;top:9px;width:300px; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF;" data-erConfig="{showText:false}" align="center">
                                        <div class="erdots_wrap" style="wasbackground-color: #CFC; float: right;" align="left"> 
                                                  <span class="erdots_btn_selected" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: default; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_65.png) top left no-repeat;">
                                                  </span>
                                                  <span class="erdots_btn_normal" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_35.png) top left no-repeat;">
                                                  </span>
                                                  <span class="erdots_btn_hover" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_65.png) top left no-repeat;">
                                                  </span>
                                        </div>
                              </div>
                              <div class="ercats erFixCSS3" style="position:absolute; left:0; right: 320px; top: 0;" style_real="padding: 4px 8px; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, _sans; font-size: 11px; color: #333; wasmargin: 0 50px 10px 50px; wasborder-radius: 6px; wasbackground-color: #EEE; wasborder: 1px solid #E0E0E0; overflow: hidden;">
                                        <div align="center">
                                          
                                </div>
                                        <div class="ercats_btn_selected erFixCSS3" style_real="float: left; padding: 3px 8px 4px 8px; border-radius: 4px; background-color: #FFF; box-shadow: 0 0 2px #999; wasborder: 1px solid #CFCFCF; color: #555; margin: 3px 9px 3px 0; cursor: default;">
                                          <div align="center">Title1 </div>
                                  </div>
                                        <div class="ercats_btn_normal erFixCSS3" style_real="float: left; padding: 3px 8px 4px 8px; border-radius: 4px; color: #666; cursor: pointer; margin: 3px 9px 3px 0;">
                                          <div align="center">Title2 </div>
                                        </div>
                              </div>
                              <div class="erimgMain" style="position: absolute; left:0; right:0; top:40px; bottom:0;" data-erConfig="{___numTiles:3, scaleMode:'fillArea', imgType:'main', __loopNextButton:false, arrowButtonMode:'rollover'}">
                                        <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
                                                  <div class="erimgMain_slide">
                                                            <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                                                  </div>
                                </div>
                                        <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -30px;" data-erConfig="{image:'circleBig', image2:'circleBig'}"></div>
                                        <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -30px;" data-erConfig="{image:'circleBig', image2:'circleBig'}"></div>
                    </div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;">
                              This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com.
                              <br /><br />
            Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds.
                              <br /><br />
                              <a style="color:#FFF;" href="#" class="erabout_ok">OK</a>
                    </div>
                    <noscript>
                              Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
                    </noscript>
                    <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
          </div>
</div>

      <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
    </div>
</div>
</div>
<div id="body">
    <div align="center"><img src="images/page templates/home pg tmplt blnk.png" alt="body"></div>
</div>
<div id="footer">
    <div align="center"><img src="images/Site Objects/footermainbck.png" alt="footer"></div>
</div>
</div>
</body>
</html>
Below is the code for the JQuery menu with sub and secondary sub menus:
<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FlexNav - Flexible, Device Agnostic Navigation</title>
    <link href="css/flexnav.css" media="screen, projection" rel="stylesheet" type="text/css">
    <link href="css/page.css" media="screen, projection" rel="stylesheet" type="text/css">
    <style type="text/css">
    body,td,th {
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          font-size: 14pt;
    body {
          background-color: #FFF;
    a:link {
          color: #FFFFFF;
          text-decoration: none;
a:visited {
          color: #FFF;
          text-decoration: none;
    a:hover {
          color: #F00;
          text-decoration: none;
a:active {
          color: #900;
          text-decoration: none;
    </style>
    <script type="text/javascript" src="//use.typekit.net/qyb8ood.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body bgcolor="#FFFFFF" vlink="#FF0000" alink="#990000" class="home-page">
<script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
<script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
    <div class="container">
      <header id="site-header">
        <div class="menu-button">Menu</div>
        <nav>
          <ul data-breakpoint="800" class="flexnav">
            <li><a href="HOME">HOME</a>
            <li><a href="About Us">ABOUT US</a>
            <li><a href="Products">PRODUCTS</a>
              <ul>
                <li><a href="Bound Products">Bound Products</a>
                  <ul>
                    <li><a href="Booklets">Booklets</a></li>
                    <li><a href="Catalogs & Magazines">Catalogs & Magazines</a></li>
                    <li><a href="Newsletters">Newsletters</a></li>
                    <li><a href="Presentation Books">Presentation Books</a></li>
                    <li><a href="Manuals">Manuals</a></li>
                  </ul>
                </li>
              <li><a href="Brochures">Brochures</a></li>
                <li><a href="Business Cards">Business Cards</a></li>
                <li><a href="CD & DVD Dupe">CD & DVD Duplication</a></li>
                <li><a href="Copies">Copies</a></li>
                <li><a href="Corp. ID">Corporate ID</a></li>
                <li><a href="Flyers">Flyers</a></li>
                <li><a href="Forms">Forms</a></li>
                <li><a href="Menus">Menus</a></li>
                <li><a href="Photo Collages">Photo Collages</a></li>
                <li><a href="Photo Enlargements">Photo Enlargements</a></li>
                <li><a href="Postcards">Postcards</a></li>
                <li><a href="Rack Cards">Rack Cards</a></li>
                <li><a href="Wide Format">Wide Format</a>
                  <ul>
                    <li><a href="Banners">Banners</a></li>
                    <li><a href="Posters">Posters</a></li>
                    <li><a href="Signs">Signs</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="Services">SERVICES</a>
              <ul>
                <li><a href="Litigation">Litigation Services</a></li>
                <li><a href="Creative">Creative Services</a></li>
              </ul>
            </li>
            <li><a href="FAQs">FAQs</a>
            <li><a href="Contact Us">CONTACT US</a>
          </ul>
        </nav>
      </header>
      \ </div>
    <script type="text/javascript">$(".flexnav").flexNav();</script>
</body>
</html>

Ok, I managed to place the menu within the site, but I still don't have a horizontal menu. All I can see is the unordered list.
(see below).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html>




<html class="">

<head>
<meta charset="UTF-8">
<title>Home Page</title>
<meta name="view" name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=9 />
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/master.css" rel="stylesheet" type="text/css">

<script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
<script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
<style type="text/css">
img {margin:6px; border:solid 2px #FFF;}
img:hover {background: #666;}
</style>
<link href="styles/navbar stylesheet new.css" ref="stylesheet" type="text/css" />
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">
    <div align="center"><img src="images/Site Objects/headermain.png" alt="header"></div>
</div>
<div id="navbar"><script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
<script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
    <div class="#"
        <div class="menu-button"></div>
        <nav>
          <ul data-breakpoint="800" class="flexnav">
            <li><a href="HOME">HOME</a>
            <li><a href="About Us">ABOUT US</a>
            <li><a href="Products">PRODUCTS</a>
              <ul>
                <li><a href="Bound Products">Bound Products</a>
                  <ul>
                    <li><a href="Booklets">Booklets</a></li>
                    <li><a href="Catalogs & Magazines">Catalogs & Magazines</a></li>
                    <li><a href="Newsletters">Newsletters</a></li>
                    <li><a href="Presentation Books">Presentation Books</a></li>
                    <li><a href="Manuals">Manuals</a></li>
                  </ul>
                </li>
              <li><a href="Brochures">Brochures</a></li>
                <li><a href="Business Cards">Business Cards</a></li>
                <li><a href="CD & DVD Dupe">CD & DVD Duplication</a></li>
                <li><a href="Copies">Copies</a></li>
                <li><a href="Corp. ID">Corporate ID</a></li>
                <li><a href="Flyers">Flyers</a></li>
                <li><a href="Forms">Forms</a></li>
                <li><a href="Menus">Menus</a></li>
                <li><a href="Photo Collages">Photo Collages</a></li>
                <li><a href="Photo Enlargements">Photo Enlargements</a></li>
                <li><a href="Postcards">Postcards</a></li>
                <li><a href="Rack Cards">Rack Cards</a></li>
                <li><a href="Wide Format">Wide Format</a>
                  <ul>
                    <li><a href="Banners">Banners</a></li>
                    <li><a href="Posters">Posters</a></li>
                    <li><a href="Signs">Signs</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="Services">SERVICES</a>
              <ul>
                <li><a href="Litigation">Litigation Services</a></li>
                <li><a href="Creative">Creative Services</a></li>
              </ul>
            </li>
            <li><a href="FAQs">FAQs</a>
            <li><a href="Contact Us">CONTACT US</a>
          </ul>
        </nav>
      </header>
      </div>
    <script type="text/javascript">$(".flexnav").flexNav();</script>
</div>
<div id="body">
    <div align="center"><img src="images/page templates/home pg tmplt blnk.png" alt="body"></div>
</div>
<div id="footer">
    <div align="center"><img src="images/Site Objects/footermainbck.png" alt="footer"></div>
</div>
</div>
</body>
</html>

Hyperlink styles in menu look correct in editor but wrong in Preview or real Web Browser

The default hyperlink style of my site is:
Normal or Visited links are black, boldface and underlined
Hovering or active links are grey boldface and underlined
Except for my menu where I want them this way:
Normal, Visited or Active links are black, no boldface and no underline
Hovering links are grey and underlined
But I can't manage to do it!
The items appear in boldface with no underlines and no colour change (so the only hint when you hover them is the pointer changing from arrow to hand)
The only different is the last item that is the only one that has submenu and is not a hyperlink by itself. It doesn't appear in boldface but again no underline or colour change. Also the first item of this submenu appears without boldface.
in the editor the menu looks fine but in the preview or when HTML exported, the menu looks as explained.
As Menus behave differently than other hyperlinks, I've tried to click and drill down to the text in the menu then modify the text appearance using the States panel, but as I said, the menu looks fine in the editor but not in the preview or web browser.
I also have tried to remove the menu completely and creating again from scratch, but even with all the default options of the widget (not even font size change nor font type), it appears as non boldface in the editor but boldface in the preview.
You can see the menu live in the site here:
http://www.dblanco-weddings.co.uk
Pictures can be seen in the old forum here: http://support.muse.adobe.com/muse/topics/how_do_i_change_hyperlink_styles_in_a_menu

Mail sent:
I'm attaching a .muse file in response to the problem I posted here:
http://forums.adobe.com/message/4316724#4316724
Instead of the original Muse file for my site I thought it would be easier for you to have a minimal site that also reproduces the problem so this is the test.muse file I'm sending to you.
Meanwhile, I had to make a workaround for my actual site menu to work as intended by removing the boldface attribute from the hyperlinks default style of the site. This is the dblanco.muse file I'm also attaching. You just have to activate the boldface in the default style to have the problem again.

Inserting Hyperlinks in Existing Menu Shell

Similar Messages

Maybe you are looking for