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

Similar Messages

How do I change font colors in the navigation bar

I'm designing a new website for my son's high school lacrosse team. It looks great, and I hope to upload it in the next week. The one thing that I haven't been able to do is change the font colors and font type in the page navigation links a the top of the pages. Can anyone help me with this?

I outlined methods to change iweb navbar in this thread:
http://discussions.apple.com/thread.jspa?messageID=11004066&#11004066
and cited inefficient of building text base/box navbar:
http://discussions.apple.com/thread.jspa?messageID=8136472&#8136472

How do you change the color of the navigation bar text in iWeb?

I have created buttons to set in the nav bar but the type color needs to be white to show up against the button background.
How can I change the nav bar text colors?
Thanks
G

If it's the iWeb generated navbar then see if this tutorial helps: #24 - How to Change the Basic, Rollover and Visited Color of an iWeb Navbar
OT

Changing a color for the whole Application

Hi,
Is there a way to change the color, default purple of swing to some other color(say green) for the whole application without using themes? Is it possible through UIManager.put()?
Regards
Sridhar

Thanks Michael,
I just modified your code to fit my needs.
import java.awt.*;
import javax.swing.*;
import java.util.Enumeration;
class ApplicationColor
public ApplicationColor()
    setApplicationColor(new Color(88, 140, 165));
    JFrame frame = new JFrame();
    frame.setLocation(400,300);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    JPanel jp = new JPanel(new BorderLayout());
    String[] temp = {"abc","123"};
    JComboBox cbo = new JComboBox(temp);
    JButton btn = new JButton("I'm a button");
    jp.add(new JLabel("I'm a label"),BorderLayout.NORTH);
    jp.add(cbo,BorderLayout.CENTER);
    jp.add(btn,BorderLayout.SOUTH);
    frame.getContentPane().add(jp);
    frame.pack();
    frame.setVisible(true);
public void setApplicationColor(Color color)
    Enumeration enum = UIManager.getDefaults().keys();
    while(enum.hasMoreElements())
      Object key = enum.nextElement();
      Object value = UIManager.get(key);
      Color jfcBlue = new Color(204, 204, 255);
      Color jfcBlue1 = new Color(153, 153, 204);
      if (value instanceof Color)
           if(value.equals(jfcBlue) || value.equals(jfcBlue1)){
                UIManager.put(key, color);
public static void main(String[] args){new ApplicationColor();}
}Sridhar

Cannot change multiple colors for the life of me

Hi there-
I am VERY new to photoshop and have been trying to change just two colors in this stupid picture now for about five days. I realize this is rudimentary probably for most users.
I have searched extensively online and experimented using the color replacement tool and the "replace color" adjustment under image. I will attempt to attach the before image and the after image I have been able to come up with.
Essentially, I just want to replace the red and green with orange and black. The orange I have is a very specific pantone (I have both RGB and CMYK numbers that I'd like to use). If possible, I'd like to keep the shading....I think this is the biggest problem. Colors are not uniform.
Anyways, if this is going to take me a long time that is fine, I just don't know how to do it and have all the edges and shading look correct. I cannot find a tutorial anywhere online that even shows how to clean up an image after you have changed its color so it looks professional. I am going nuts. This is for a job application and if you know how to do this and can help me - please! Help!

The orange I have is a very specific pantone (I have both RGB and CMYK numbers that I'd like to use).
Doesn't mean anything in relation to spot colors. That's the part you seriously must understand - either you want to print it prodfessionally and a spot color is mandatory or it isn't. Process color CMYK is also used in professional print, but requires to work with color management. RGB is just for on-screen, web or printing on your home printer. Each of the methods will require a different way of shifting/ remapping the colors. For RGB and process CMYK, a gradient map adjustment layer might work, including of course converting to CMYK for the latter and dealing with color management. If it's just for home printing on unmanged printers like your personal inkjet, anything from hue shifting to selectiove color corrections will do. For spot colors you can forget these "dumb" methods and will have to learn how to create selections, manage channels and work with Dutone/ tritone/ multichannel modes.
Mylenium

How do I change the background image for a single tab on the navigation bar

I'm creating a movie website for TDKR and for the navigation bar, I intend to have a different character for each tab. However, I'm having trouble putting a single image each separate tab. Instead one image appears on each of the tabs. Here's an example of the source and CSS.
<td width="200"><ul id="navigation"> 
 <li><a href="../pages/index.html">Home</a></li> 
 <li><a href="../pages/cast.html">Cast</a></li> 
 <li><a href="../pages/pictures.html">Pictures</a></li> 
 <li><a href="../pages/soundtrack.html">Music</a></li> 
 <li><a href="../pages/interview.html">Interviews</a></li> 
 <li><a href="../pages/links.html">Links</a></li> 
 </ul>
 </td>
#navigation {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
#navigation li {
 margin: 0px;
 padding: 0px;
 list-style-type: none
#navigation li a:link, #navigation li a:visited {
 display: block;
 width: 200px;
 height: 100px;
 text-decoration: none;
 text-align: center;
 line-height: 100px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-weight: bold;
 -webkit-transition: 1000ms ease;
 -moz-transition: 1000ms ease;
 -ms-transition: 1000ms ease;
 -o-transition: 1000ms ease;
 transition: 1000ms ease;
 color: #648AAE;
 background-repeat: no-repeat;
 background-image: url(../Images/gifs/Batman-still-2.gif);
 background-position: center bottom;
 text-transform: uppercase;
 letter-spacing: 0.79em;
 border-radius: 5px;
#navigation li a:focus, #navigation li a:hover, #navigation li a:active {
 color: #000000;
 background-image: url(../Images/gifs/Batman-animation-2.gif);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-color: #454545;
 border-radius: 25px;
So, how do I put a single image on each tab (home, cast, pictures, etc). Thank you for your help in advance.

Assign a class to the item and use CSS to apply an image as in
<li><a href="../pages/index.html" class="home;">Home</a></li> 
<li><a href="../pages/cast.html">Cast</a></li> 
<li><a href="../pages/pictures.html">Pictures</a></li> 
<li><a href="../pages/soundtrack.html">Music</a></li> 
<li><a href="../pages/interview.html">Interviews</a></li> 
<li><a href="../pages/links.html">Links</a></li> 
and the CSS
#navigation li a:link.home, #navigation li a:visited.home {
 background-image: url(../Images/gifs/Batman-still-2.gif);

[Forum FAQ] Customize the Navigation Bar in Outlook 2013

In Outlook 2013, the Navigation Bar is a gray bar which lists commands at the bottom of the Outlook window that enable you to quickly navigate to Mail, Calendar, People, and Tasks.
You can change the Navigation Bar settings for a single user by clicking
… and then Navigation Options. For more information, please refer:
http://office.microsoft.com/en-us/outlook-help/change-what-appears-on-the-navigation-bar-HA102838974.aspx
However, if you want to change the Navigation Bar settings for all users in your organization, you’ll need to modify the registry.
Important This section, method, or task contains steps that tell you how to modify the registry. However, serious problems might occur if you modify the registry incorrectly. Therefore, make sure that
you follow these steps carefully. For added protection, back up the registry before you modify it. Then, you can restore the registry if a problem occurs. For more information about how to back up and restore the registry
http://support.microsoft.com/kb/322756.
To modify the Compact view
To maximize the vertical height of the Outlook window you can use Compact Navigation. We can change the setting by creating the
ABCompact registry key. To do this, please follow the steps:
1. Press Windows key + R to open the Run command, type regedit
and press Enter to open the Registry Editor.
2. Locate the following registry path:
HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Options
3. Right-click on the Options folder and select NEW > KEY, name it
WunderBar.
4. Select the WunderBar key, right-click on it and select
NEW > DWORD (32-bit) Value and name it ABCompact.
Value name: ABCompact
Value type: DWORD (32-bit)
Value: 1 to tick the Compact Navigation;
0 to untick it.
5. Restart Outlook to make the change.
To modify the Maximum number of visible items
To change how many views appear on the Navigation Bar, you need to change the number for Maximum number of visible items by modifying the
NumBigModulesAB registry key.
Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
Value name: NumBigModulesAB
Value type: REG_DWORD
Value: 1-8
The key doesn’t exist by default. When the value is set to 1, only
Mail will appear on the Navigation Bar. If the value is set to
8, all views will appear.
To modify which view is turned on or off
You can also turn one or more views off from the Navigation Bar. This is controlled by a registry string named
ModuleVisible15.
Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
Value name: ModuleVisible15
Value type: REG_SZ
Value: 1,1,1,1,1,1,1,0,0
By default, the string value is set to 1,1,1,1,1,1,1,0,0.
1 means the view is turned on while 0 means the view is turned off. Moreover, the value correspond one-to-one with the views, for example, the first “1” correspond to
Mail, and the second “1” correspond to
Calendar… By default, the eighth and ninth view is turned off. The eighth is
Journal and I have no idea what the ninth number stands for. You can open Journal by pressing Ctrl+8, but if you want it to appear on Navigation Bar, you can change the eighth “0” to “1”.
To modify the view order
If you want to switch the positions of Mail and Calendar, you’ll need to modify the
ModuleOrderAB string.
Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
Value name: ModuleOrderAB
Value type: REG_SZ
Value: 1,2,3,4,5,6,7,8,9
The default order for the Navigation Bar is:
Mail Calendar People Tasks Notes Folders Shortcuts
Journal
In the registry string there are 9 numbers (1~9), let’s just ignore 9. So, there are 8 numbers left and each number has some relationships to each Navigation item.
Here is the logic:
There are 8 Navigation Options. Let’s say ‘Mail’ is Nav1, Calendar is Nav2, People is Nav3, …, Shortcut is the Nav7 and Journal is Nav8.
Meanwhile, there are 8 positions to put those 8 Navigation items, we name them
position1 to position8, from left to right.
For example,    CALENDAR TASKS PEOPLE FOLDERS MAIL NOTES SHORTCUTS
Journal
ModuleOrderAB=    5
1      3
2    6
4
7
8
The number “5” is in the first position of the ModuleOrderAB string and it takes
position1. The default navigation option for position1 is
Mail.
So, “5” means put Nav1 (Mail) on position5.
“1” is on position2, default navigation item on
position2 is Calendar. It means put Calendar on
position1.
So, “3” means put People on position3; “2” means put
Task on position2… and so on.
If you have more questions, welcome to post in the forum. Thank you.
Please click to vote if the post helps you. This can be beneficial to other community members reading the thread.

There isn't a built in way to do that since all the navigation toolbars are on one toolbar.
You can restore this functionality by installing the Classic Theme Restorer add-on
*https://addons.mozilla.org/en-US/firefox/addon/classicthemerestorer/

How can i edit / customize the font in the navigation bar in iweb?r

how can I edit / customize font size and color in the navigation bar on an iweb created page?

This tutorial may help: #24 - How to Change the Basic, Rollover and Visited Color of an iWeb Navbar. It only applies to the various colors.
Wyodor has posted code to be put in an HTML snippet that will increase the font size.
<script language="JavaScript" type="text/javascript">

</script>
Increase the size by increments of .1 until you get the size you want. You'll need to publish the site before you'll see the change.
If you only have a couple of pages in your site you can create your own text based navbar. That will give you complete control over font, size, color, spacing, etc. However, be sure to use only Web Safe Fonts or the navbar will not look like you want it on those computers that do not have the font you used installed. This demo page is an example: Text Based Navbar. With more than a couplke of pages updating such a navbar can become a real pain. However, it is much more search engine friendly.
OT

How to open a new browser window from a link on the navigation bar

Hi,
I entered a URL in the 'URL Target' field for the Navigation Bar Entry. As expected when the I clicked on the link in the Navigation Bar my browser refreshed with the target URL.
I want to be able to actually open a new window rather than refresh my current window. The help text says, and I quote ...
"In the link generated for this icon include the following onClick javascript. Use of the onclick javascript could popup a help page in a new window (see example 1).
Example 1:
window.open('US/asfhhome.htm','Help','scrollbars=yes,resizable=yes,width=625,height=350,left=25,top=150');return false
Set the Icon Target attribute to # if you are using OnClick JavaScript. Set the Image Alt Text attribute to the text the user will see to click on."
So I created similar Javascript as to the example and placed in the 'OnClick Javascript' field, and placed a '#' in the 'URL Target' field.
When I run it doesn't work, the '#' is picked up and the Javascript is ignored. Can somebody please tell me what I'm doing wrong.
Thanks

I had the same problem. I finally ended up just using the standard popupURL javascript. In the URL Target I have:
javascript:popupURL('<link>')
This opens a new window but since it is for popups the menus are missing. You may want to write your own javascript function to open the new window with your own settings.
Search the forums for popupURL for more ideas.
javascript:popupURL()
--Jeff

The Navigation Bar is missing, where can i find it??

I have looked for the navigation bar by right clicking on the open area and trying to find the buttons and have had no luck. I checked "view" thinking that it might be in there. When i right click the only options that I have are Menu Bar, and Bookmarks bar. I want to have Reload, stop, and my forward button back. If you could please help me I would greatly appreciate it. Firefox has always been my favorite browser and I'm upset that I am unable to find my navigation bar. Thank you!

In this photo, I took a screenshot of my browser window while I am right clicking, so that you can see that there is indeed, no "Navigation Toolbar" option for me to click. There isn't even anything Greyed out. And no sir, I have the menu bar turned on. It's the one at the top that says; File, Edit, View, History, etc.

How do i change the backgound color for the "file edit view history bookmark tools help" bar in Firefox 29.0

how do i change the backgound color for the "file edit view history bookmark tools help" bar in Firefox 29.0

You can add a solid color theme to change the color of the top of the browser window, which includes the Menu Bar.
https://addons.mozilla.org/en-US/firefox/themes/solid

Why can't i change the link on the navigation bar?

In previous versions of Muse i was able to change the link on my navigation bar. For example I was able double click on the navigation bar and highlight one of the pages (let's say registration) and it would allow me to change the link on the registration page so that when you click on the registraion page it would take you to https://events.r20.constantcontact.com/register/eventReg?llr=5qqftnkab&oeidk=a07e69lauti1b 52a1df&oseq=a011mh5tw6bs2 and a not regular page on the website. but now when i try to do the same thing the link area is greyed out and i can't change anything.

I have installed v2.3 on my Mac, and had to go through and change all the fonts back due to a naming issue in Windows. That's ok.
But there are several things that need to be fixed in Muse. First, everything should work consistently. If you click on an object that has a hyperlink or a link to another page in the document, that link should be displayed in the control bar. NO EXCEPTIONS.
The control bar should have enough sense to get bigger -- i.e. go to a second row of controls -- whenever there are items that are not being displayed due to window width. Most sensible programs do not just display part of the info and then leave a blank space to the right, letting the user assume that there is nothng more to be displayed. While I have 2560 x 1600 monitors, I am running Muse on a 27 inch 1920 x 1200 to avoid eyestrain from the tiny menus. But there are times I need to make a window much wider than 1920 in order to display everything in the control bar -- and then slide the entire window back and forth. Poor GUI design.
I now have a master page menu (all the buttons send the user to other pages in the document) where one of the buttons is sending users to a dead link. Used to work perfectly, have not changed the name or the link.
I tried the above advice about opening page without hyperlink (how damnably counterintuitive is that maneuver?) and could then -- voila -- get the hyperlink menu for that menu item and select the page. I was ecstatic -- until it turned out it didn't work -- either with open page w/hyperlink or without it selected.
AGAIN -- I will repeat -- one should be able to click on ANYTHING -- a text box, a picture, a menu item, etc. -- and assign a hyperlink from the SAME hyperlink menu -- without exception. Having different ways to accomplish the same thing is fine unless you can't use any of those methods all the time.
The ability to resize the assets window so that one could read (without having to hover over each item) the FULL name of an image file, etc, would also be useful.
BAD DESIGN. Please fix it. And tell my how to get my missing link back.
Jeff Kreines

Change color of the scroll bar?

I am trying to turn my entire application black with white or some light colored text.
Is there some way I can change the color of the scroll bar?
Also, if I have a JTable, there is a bright grey border I would like to dim down a bit.
Any guidance would is appreciated.

Hi,
This code will show you the current UI settings.
If you want to change ie. the scrollbar background use:
UIManager.put("Scrollbar.background", your Color);
Hope this helps.
Regards,
Matt
Java Developer Technical Support
Sun Microsystems
import javax.swing.UIManager;
import javax.swing.UIDefaults;
import java.util.*;
class UIList {
 public static void main(String args[]) {
 // Groups of item objects
 Vector itemGroups = new Vector();
 Hashtable itemList = new Hashtable();
 UIDefaults uiDefaults = UIManager.getDefaults();
 for (Enumeration enum = uiDefaults.keys(); enum.hasMoreElements(); ) {
 Object setting = enum.nextElement();
 String settingName = setting.toString();
 int dotIndex = settingName.indexOf(".");
 if (dotIndex != -1)
 settingName = settingName.substring(0, settingName.indexOf("."))
 if (itemList.containsKey(settingName)) {
 Integer groupNum = (Integer)itemList.get(settingName);
 Vector group = (Vector)itemGroups.elementAt(groupNum.intValue())
 group.add(setting);
 else {
 itemList.put(settingName, new Integer(itemGroups.size()));
 Vector group = new Vector();
 group.add(setting);
 itemGroups.add(group);
 for (int counter = 0; counter<itemGroups.size(); counter++) {
 Vector items = (Vector)itemGroups.elementAt(counter);
 System.out.println("");
 for (int counter2 = 0; counter2<items.size(); counter2++) {
 Object setting = items.elementAt(counter2);
 System.out.println(setting + " = " + uiDefaults.get(setting));
 System.out.println("\nDone.");
 System.exit(0);
}

Changing the navigation bar - help!

Hi,
I'm making my personal website with iWeb (using the "Modern" template as a base) and I would like to personalise the navigation bar. I have already managed to change the colours of the words modifying the xml file for the template, but I would like the Menu to start about one inch further to the right, because I want to put the logo on the left hand side.
I would also like to change the font size.
I’ve searched already on many forums everywhere and I haven’t found anything really useful.
Please, could anyone tell me exactly how to do this? I would need step-by-step instructions, because I’m not the “coder” type.
I hope you can help me. Thank you very much.

Go to:
11mystics.com
they have tutorials on changing templates and other stuff. I think they have one on changing fonts.
The notation I found in this thread suggests NOT messing with nav bar settings ...but here is the thread:
http://discussions.apple.com/thread.jspa?messageID=3288533&#3288533
Also, with iWeb 08 ...some of the software architecture has changed and may not work down the road. Luck...

How do i change font sizes and colors in ical in OS Lion. Everything is greyed and too small. And how do I changed the color of the scroll bars, which are now invisible?

how do i change font sizes and colors in ical in OS Lion. Since upgrading, all fonts are grey, instead of black, and too small. And how do I changed the color of the scroll bars, which also are grey and almost invisible? And if you can asnwer this, can you tell me how to get back the email format I had before the upgrade? I no longer have column headings and I'd like them. Thank you.

Do you know about changing the font colors for ical, and the color of the scroll bars?
No, I don't. I don't use that program; I fiddled with it just now, and could not find a way to do that.
Perhaps someone else will have an idea.

Changing hyperlink colors for the navigation bar

Similar Messages

Maybe you are looking for