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.

Similar Messages

Make whole Text clickable (or change Hyperlink color)

Dear madams and sirs,
the issue is the following: I have some text that needs to respond to MouseClicked.
This text NEEDS to be orange - that's why i use a Text control.
Problem: it only catches a click on the strokes and not inbetween.
Possible solution: Use a Hyperlink control. But I cannot work out how to change it's color to orange.
So how on earth can I either make the whole Text clickable
OR change the color of the Hyperlink (any other way apart from css?) ?
p.s.
is it possible here to confine the search to specific forums?

After hours I finally found a way to work myself around these two still unsolved questions:
instead of the Hyperlink or Text simply take a Label, insert text, give it a color
and put a transparent Rect on top of it. The Rect does the mouse listening.
so another question arises:
Why does the Label not respond to any mouse event? In my case it did not even support the change of cursors?

Having trouble changing hyperlink color

Hey everyone. I've been working on customizing one of the default themes and I can't seem to change the color of the hyperlinks to better suit my page. The desired color only shows up when I put the mouse over the hyperlink itself, rather than being displayed as that color without being indicated. The color it is looks particularly awful with my page, so I'd really appreciate some help. Thanks.
Mac OS X (10.4.8)

Have you seen this resource page from Michael Wong? It might provide some hints to you. I don't know if you are trying to edit the xml or just the published css, though.
http://www.rowan-cottage.co.uk/Site/CSS%20in%20iWeb.html
Anyways, it looks like the hyperlinks have 3 distinct states: unvisited, rollover, and visited, and the one it sounds like you want to edit is the unvisited state.

Changing hyperlink colors for the navigation bar

hello all i am trying to figure out how to change the color of the links that are the top of my page in the navigation bar. i know how to do it with the ones in my text- but i cannot figure out how to do so for the ones at the top of each page in the navigation bar.
any help would be much appreciated!

Welcome to the Apple Discussions. Here's a link to a post by Cyclosaurus, the resident java script expert, about changing the font, etc. in the navbar with java script and a HTML snippet.. Don't know if includes color also.
http://discussions.apple.com/thread.jspa?messageID=8600361#8600361
OT

Changing hyperlink color and format in numbers 3

Hi all!
I want to change the automated color (and format: underline etc.) that is assigned to hyperlinks.
In my file I use vlookup to get the email and webadresses from a different source table. In the source table, I've tried disabling the hyperlinks and give different colors. In the destination table (different sheet), it keeps reformatting the @'s and www to hyperlinks. Smart link substitutions are off..
Manually changing the text color in the destination cell doesn't work, probably because of the vlookup formula?
hope you guys can help me out, thnx in advance!

Hi Eliakim,
Turning off Smart Link Substitutions does not 'kill' existing active hyperlinks. It prevents the automatic conversion of an address that is subsequently typed or pasted.
I pasted an active hyperlink into a Numbers cell, and it remained active even though Smart Link Substitutions was off.
When I did Menu > Edit > Paste And Match Style the hyperlink was not active.
Try this. In your source table, select and copy the hyperlinks. While they are still selected, Paste And Match Style. They will still appear to be hyperlinks (blue text underlined) but will be inactive (I assume that is what you want).
See what that does to the text inserted by vlookup in your destination table.
Regards,
Ian.

Changing hyperlink color after clicking on it

I am wanting to use Keynote for a Jeopardy type game in a class I'm teaching in a couple weeks. I have figured out how to make the board and hyperlinks, but I would like the hyperlinks to change color on the board after I link from them. Ideally, I would have the color change to the background color so they seem to disappear. Is this possible in Keynote? Any suggestions would be greatly appreciated.

This can happen because Craigslist opens the page in a frame, so you aren't visiting the page directly.
You could try to check that if you right-click the frame and use "This Frame > Open Frame in New Tab" to see if that affects the visit state

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 change the color of the links inside a portlet ?

Hi,
I have to apply a css into one of the portlets of my page. Since I thought it would not be easy I figured out that the only thing the client cares is the color of the links inside the portlet. The portlet has a bunch of links and these link should be blue and 12pt. Does somebody know how to do that ?
Thanks,
Rafael.

Change hyperlink color:
There are about 50 predefined styles with each template. They are modifiable. Hyperlink is one of the styles.
Follow this process:
• In your document select a word of text, any word will do.
• Style it the way you want your hyperlinks to look.
• Show Styles Drawer from the View menu.
• Find the Hyperlink style in the drawer and right-click on it.
• Select - Redefine Style from Selection - in the pop-up menu.
That's it. You've changed the hyperlink style for this book.

Hyperlink color and publishing wierdness

I've used the tutorial at 11Mystics to change hyperlink colors in my blog templates and in the existing pages. In each case, I made the changes one at a time and then checked in iWeb to make sure they worked. Every page displayed in iWeb exactly as I wanted.
Then I published all to .Mac. Viewing the blog entries in Safari, some of the links appeared blue while others were still the default gray. In at least two blog entries this is true within a page - some are blue some are gray. I tried recreating those pages thinking that the newly edited template would fix it. Again, in iWeb everything appeared fine but in Safari the same result. I cleared the Safari cache and relaunched with no change.
Then it occured to me to check in Firefox. There all of the links are perfect. If this was as far as it went I'd attribute it to Safari problems. But I also checked using Firefox on my office PC and there most of the links are correct but a couple are still gray. So that is three different results. I'm very perplexed. The only thing I can think of is that in the two browsers where it isn't quite right, I've viewed some of these pages before whereas in Firefox on my Mac I hadn't (I rarely use Firefox on the Mac). On the PC and in Safari I've cleared the cache so I don't see why previous viewing would be an issue.
In case anyone wants to have a look:
http://web.mac.com/dmath/iWeb/Woodworking/Blog/Blog.html
Choose the top entry. There should be three blue links. In Safari on my iBook only the first one (Bridge City Tool Works) is blue.
I'd appreciate any help with this. Thanks.
David
Message was edited by: dmath

More information: I just tried it on my kids' Mac Mini running an old version of Safari. All of the links display perfectly. It must be a cache issue. I'll have a look around on the Safari discussion board to see if I can find anything.
David

Changing the color of visited hyperlinks

Been trying out Keynote for almost a month, and I think I'm in love. The one thing I can't seem to figure out, however, is whether or not it's possible to change to color of hyperlinks that have been visited. It's a glaring problem with a presentation I created of a Jeopardy-esque gameboard--you can't tell which categories have been visited and which haven't.
Any suggestions other than than the typical "use PowerPoint" responses I've gotten on other boards would be tremendously appreciated.
Thank you!

If you want to ensure that Apple gets your feedback, I'd suggest letting them know at the Keynote feedback page, as it is by no means assured that the Keynote development team reads this forum.
It would indeed be extremely handy if Keynote would somehow preserve state information during a presentation. We finally got animation paths in KN4 -- perhaps this feature will make its way into KN5.

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.

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

Hyperlink color doesn't change when hovering over link

I create hyperlink, color I select for hovering over link works fine. But sometimes when I publish to my website the link color does not change, but the link works ok. I go back to my mac and check, sure enough the color changes just fine. I wipe out the link and reinsert new one. Works fine on the mac, but when I publish, color does not change when hovering. Help.

Welcome to the discussions. This is a long shot, but try clearing your browser's cache and reloading the page — then see if the color changes when hovering. ( In Safari, click on the Safari menu and choose +Empty Cache...+ )

IWeb hyperlink color change: have already tried posted suggestions

I am beyond frustrated right now. Please help me get my program to do what it was clearly designed to do! I will be thrilled if I am just making a simple error.
I have tried the following to change hyperlink text color:
a. disabled hyperlinks, selected the hyperlink (both by clicking in and by clicking near--both get blue box around it), then highlighting text, clicking on "T" in inspector, changing font color there, re-enabling hyperlinks. NO COLOR CHANGE.
b. downloading a program that is supposed to do it for you. NO COLOR CHANGE.
c. with navigation bar (not my main concern), tried creating my own text box, with own links. When it was just text, I changed the color with font change at bottom of iWeb. As soon as I created hyperlinks, they turned to black and wouldn't change. NO COLOR CHANGE>

Yes delete it and redo it using the new way. It is sometimes a lot faster and easier to get rid of a difficulty than trying to find out where it goes wrong.
I think it is part of the way it was formatted initially but I can't say for sure why it is not right. You can copy paste the style from another page or if this link is on another page you can copy paste it.
Mireille

Can't change the color of my hyperlinks

I know this is probably a dumb question with an easy answer, but for the life of me, I can't figure out what it is. I am trying to change the color of my hyperlinks which default to white. I have tried clicking on the text inspector both with the hyperlink selected and without. I can't find any place where it allows me to change the color of hyperlinks. Any suggestions to a seemingly easy problem?

select the hyperlink and go to the hyperlink button in the inspector (circular arrow), and both check the box 'enable as a hyperlink', choose what to link to, then click the Format tab and change the colors.
gretta

Changing hyperlink color

Similar Messages

Maybe you are looking for