Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

How to change the nav bar colors in iWeb-created sites Apps
In iWeb, users may want to change the default navigation bar (nav bar) colors and formatting. A google search on the topic shows that everyone seems to think that this is an impossible task, and it took a few hours to figure it out, but it's actually quite easy.

Apparently the code for the nav bar is generated on each HTML page, so you see the code for new NavBar within the CSS definitions for the display of each element of the nav bar. The feed.xml page contains the list of all pages and their URLs to be displayed in the nav bar, and the identifier for that element in the page, but the page itself contains the definitions for how the nav bar is displayed.

So each page can be edited after it is published from iWeb to customize the way the navbar is presented on that page.

This hint will only work for relatively small sites that won't require frequent changes of the nav bar, since the fact that it is defined on each page basically defeats the purpose for which CSS was created in the first place. As it took me a few hours to figure all this out, I am putting this tip out there to help others understand how to do it.

[robg adds: I haven't tested this one.]
    •    
  • Currently 1.20 / 5
  • 1
  • 2
  • 3
  • 4
  • 5
  (5 votes cast)
 
[9,796 views]  

How to change the nav bar colors in iWeb-created sites | 3 comments | Create New Account
Click here to return to the 'How to change the nav bar colors in iWeb-created sites' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
How to change the nav bar colors in iWeb-created sites
Authored by: arcticmac on Jun 01, '09 10:27:01AM

If you have a site that's somewhat more extensive and want to change the navbar style, a better way is probably to modify the iWeb themes - then you only have to change the template files, and there's only one per type of page you may have, rather than one per page you've created.

Unfortunately, it's been a year or two since I dabbled in that, so I don't really remember any of the details!



[ Reply to This | # ]
How to change the nav bar colors in iWeb-created sites
Authored by: hibou on Nov 18, '10 05:04:48AM

there's another way to do this...

choose 'show package contents' for your domain file (~/Library/Application Support/iWeb/Domain). Inside there's a folder called 'domain-###.....' which contains your sites. Navigate into the site you want to change. Inside each folder there are either more folders (for sub-pages, like albums) or an xml.gz file. It's the xml.gz that you want. Decompress the gz file to get the XML. Open in text edit. Do a find and replace for >< so that there's a page break between each line of code. Then search for navbar until you find the big block of code with the colors. Replace the colors you want to change, save, then rezip with terminal (gzip /path/file). Voila!

You'll need to redo this for each page, but once you've changed it the changes stick.



[ Reply to This | # ]
How to change the nav bar colors in iWeb-created sites
Authored by: ajitakaput on Jan 30, '12 01:20:43PM

Thanks. I'm trying to move away from iWeb but need to maintain the code.
Couldn't figure how to not - include page in navbar - programatically.
The feed.xml file is NOT the first or tenth place I looked.



[ Reply to This | # ]