Changing hyperlinks in iweb

when i attempted to reformat the hyperlinks in iweb, it wouldn't allow me to change anything on the site. i disabled the links, went to formatting and won't allow anything.
any ideas?

glad to help. I have been daydreaming about a third-party iWeb master site...where all the other sites are linking to. It would hold all the knowledge folks have learned over the years, and it would still be up if Apple deep sixes this iWeb discussion group.
There are so many little hints and tricks that make using iWeb so much more fun. I know there a lot of folks here who have their own iweb help sites, but it will take a ton of google search to find them after this focus for iWeb users goes dark...if it fact, it does.
Hugh

Similar Messages

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.

Changing hyperlink text colors.

I saw few posts asking about changing hyperlink text colors. And there are many camps regarding this topic. Suzanne Boben would recommend editing template XML . Some would recommend editing published HTML code. Some would recommend editing CSS code.
But it came down to couple things.
1) proficient in XML, HTML or CSS
2) tried different colors, but it did turned out as expected
One easy way is editing CSS files, this only apply to pages' hyperlink text; if your text got turn to PNGs, read no further .
iWeb generates a CSS file for the associated HTML page - CSS file is in the Page_files folder.
Edit the CSS files and keep copies of them, then you won't have to edit them again the next time you publish you sites.
These CSS files are quite easy to understand, all you have to do is to look for a { , a:visited { and a:hover { .
They contain RGB (Red Green Blue) values for link color, visited link color and rollover color.
But what about those #8000FF and #4c4c4c?
Well, I know they are RGB hexadecimal color values, but I don't what colors they are, so I came up with Argiope (Argiope is a family colorful spiders).
It's a colors picker application to help with choosing background color, link color and rollover color. It'll give you the exact RGB hexadecimal value of chosen color.
You can find Argiope here. Enjoy

It can be done, but I have to do too much works.
I already have a a script to do that, but it's quite complicated for an average bear.
http://www.geocities.com/[email protected]/iWeb_utils --> LinksColors.zip
Does just that, it is flexible, you can configure the colors for individual page, but it is quite different to configure. Look at the colors.txt and page.txt.
If you really want to know more, ping me.

Change hyperlink after publishing

I need to change a hyperlink on a page that has been published. When I right or left click on the hyperlink in iWeb, I go immediately to the referenced page so that I cannot use the inspector. Clearly I am doing something wrong, but I cannot figure it out. Many thanks for your help.

Bonjour
Uncheck "Make hyperlinks active" at the bottom of the inspector / Link

How can I create an internal hyperlink in iWeb? Would like to put an interactive menu at the top of a page.

How can I create an internal hyperlink in iWeb? Would like to put an interactive menu at the top of a page.

Do you meant a link to one of your other pages or to a location on one of your pages? If it's the latter those are called anchors and iWeb does not support them. However, there are workarounds for that. See this blog: How to use anchors in iWeb. If you don't have a lot of widgets on the page it can work fairly well.
OT

PDF hyperlinks in iWeb

Hi people,
I'm having problems with PDF hyperlinks in iWeb (version 1.1.2)
I highlight a word, I use the inspector to enable hyperlink, I link to a PDF file, I choose a name. Simple, but it doesn't work.
I can't open/download my PDF file.. (these are files from Word saved as PDF)
My download/preview window doesn't even appear..
Can anyone help?

Post this in the iWeb '06 forum...
http://discussions.apple.com/forum.jspa?forumID=1108

Changing hyperlink text color...

I see how to change hyperlink text colors for a page (normal, rollover, visited, active) but I am hoping for something more complicated- I would like a link to change color on rollover, but stay that color until another link is clicked, then return to its original color. ( I have a swap image applied to five links on a page, clicking on each word displays a different image.) Is there any code I can add that will get a link to remain a rollover color until something else is selected? Thanks in advance!

CSS menus are much leaner and more efficient than image rollovers.
Persistent Page Indicator on CSS Menus
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Change hyperlink display option settings

Hello,
I'm using Robohelp HTML 9. We have just decided that all our hyperlinks to pdfs need to open in a new window. However, previously this was not a standard, so not all of our hyperlinks open in a new window.
Is there a way to change the default settings for display options of all hyperlinks within a project to "New Window."?
I know the slow method is to go through each topic, and change hyperlink properties for each and every external link.
Thanks in advance for your help.
Tas

Yes unless you have a developer who can write a regular expression to do it. If you do, back up first.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Anyone managed to change default hyperlink colour or to globally change hyperlink colour in Pages????

Anyone managed to change default hyperlink colour or to globally change hyperlink colour in Pages????
- Thats all I want to do, the holy grail of desktop publishing, being able to choose a colour and apply it everywhere, c'mon Apple sort it out, its surely not rocket surgery....

I figured it out.
Select one instance of the hyperlink, and define it as a character style in the styles drawer.
Then create the preferred style you want to use for hyperlinks and save it to character styles.
You can select every instance of the original link style, and replace with the preferred style.
Hopefully I've explained this adequately.
Cheers.

How can I change a hyperlink in iweb site?

In my iweb site I have a hyperlink to an external page. I now want to change that link, and have it link to one of my internal pages. I changed the link in iweb, republished the files, uploaded them to my host site, but the link still goes to the original external page. How can I fix this?

Select the text or item that is the hyperlink and bring up the Inspector/Link/Hyperlink pane:
Select One of My Pages from the Link To: menu and select the page you want to link to.
OT

Cannot change color or underline hyperlinks in iWeb

Hi,
I've seen others post regarding this same issue, but there is no way I have been able to rectify the issue. For some reason when I try to change the color with the Inspector of my iWeb hyperlinks (as well as try to underline them), the Inspector shows that I have changed the color and underlined it, and it looks like it should on the page as I'm working on it, but when I publish it the colors and underline are not there. Any suggestions? I'd really appreciate it. Thank you in advance!
C

Hi,
I'm using Safari, I tried to find a place to change the colors on the page (using Safari) and I don't see where I would do that, but I'll keep trying.
I did try publishing to All to .Mac option but everytime I do that, I get a Publishing Error and so far I've tried deleting things to avoid that error (for example, it said that my photo albums were not publishing correctly, so I deleted them all, but now it's telling me my blog has a publishing error; this doesn't happen when I publish to .Mac, only when I publish All to .Mac. Make any sense? I'm completely confused) and the error keeps coming up. Ugh. Here's a link to my page, sorry it's boring, it's meant for the grandparents back home.
http://web.mac.com/jaycherylbaker/Site/Welcome.html
Oh, and I'm also getting those text box lines on one or two of the pages. For some reason they weren't there a few days ago b/f I started messing with this. I wish I had left it all alone now instead of trying to get the hyperlinks in blue! LOL! Oh well!
Message was edited by: jaycheryl

Hyperlink in iWeb

Is it possible to setup iWeb pages to open a hyperlink in a new window, while keeping the old one open?

Craig,
Sorry about the complication. I thought that I'd made these simple, but obviously not simple enough So, I made some quick changes, I converted them to applications.
Here is the deal, go back to the download link:
http://www.geocities.com/[email protected]/iWeb_utils/
re-download the zip file, unzip it and you find an .app file (instead of .scptd).
Then you need to configure the app to your environment:
1. Control click on the app and select Show Package Contents
2. Drill down to Contents/Resources, there, you find pages.txt file
3. Edit pages.txt to add the pages that you want to convert the links, one page per line.
The format is: Site name/Page name.html
Keep in mind that when you Publish to a Folder, the structure is:
Published Folder --> Site folder (Site Name) --> page (page name.html)
You only need to enter Site Name/Page name.html
Once you configured the pages.txt, it's done. Double click to run it.

Changing hyperlink color

I've put a hyperlink on a blue background and want to make it white instead. I cannot figure out how to do this. (I do know how to change colors of everything else.)

I recently discovered how to do this in iWeb & thought it might work the same in Pages. It doesn't, but I actually discovered it is easier. Select the text of the hyperlink & change the color of the text using the box on the format bar or the text inspector.

Batch change hyperlinks in pdf

I'm looking for a way to batch change many hyperlinks. Example.
Existing link.
http://www.mycompany.com
Need to be
http://www.anotherdomain.com/redirect.php?destination=http://www.mycompany.com&Variable
Has anybody seen any scripting support for something like this or plugins that support this function?
Thanks. Jerry

I don't believe anything has been invented yet that supports using Actionscript to edit a PDF file.

Acrobat is changing hyperlinks when opening in browser

Hi everyone,
I have a pdf file containing a lot of hyperlinks. When certain links are clicked on, Acroabt opens up a browser window but the page won't load because some of the characters in the URL are being changed. For example the following url:
http://law.ato.gov.au/atolaw/view.htm?rank=find&criteria=AND~PS~basic~exact:::AND~LA~basic ~exact:::AND~2010%2F4~basic~exact&target=OA&style=java&sdocid=PSR/PS20104/NAT/ATO/00001&re cStart=1&PiT=99991231235958&Archived=false&recnum=1&tot=3&pn=ALL:::ALL
...gets replaced with this:
http://law.ato.gov.au/atolaw/view.htm?rank=find&criteria=AND%7EPS%7Ebasic%7Eexact:::AND%7E LA%7Ebasic%7Eexact:::AND%7E2010%2F4%7Ebasic%7Eexact&target=OA&style=java&sdocid=PSR/PS2010 4/NAT/ATO/00001&recStart=1&PiT=99991231235958&Archived=false&recnum=1&tot=3&pn=ALL:::ALL
It seems to be swapping out the tilde sign (~) with the following characters:
%7E
When I hover over the hyplink in Acroabt, the correct version appears. It only happens once it's clicked and the brower window is opened.
Does anyone know why this happens or whether there is a workaround?
Thanks in advance

Tilde is indeed arguably forbidden in a URL, and should be replaced by %7E. So Acrobat is doing the right thing. We can now often get away with the tilde, but they should be treated as exactly equivalent.
This is discussed in http://www.cs.tut.fi/~jkorpela/tilde.html which can also be accessed as http://www.cs.tut.fi/%7Ejkorpela/tilde.html.
You are right that the Australian government web site isn't accepting this. The site appears to be faulty.

Changing hyperlinks in iweb

Similar Messages

Maybe you are looking for