Changing background colour of nav bar and colour of text in nav bar

To change the color of the background paste this code in the HTML Snippet :

<script language="JavaScript" type="text/javascript">
<!--
 
function navBackgroundColor () {
 elem = parent.document.getElementById('nav_layer');
 elem.style.backgroundColor = "navy";
 clearInterval(chkNavLink);
}
chkNavLink = setInterval('navBackgroundColor()', 500);
// -->
</script>

To change the font and font-size, have a look at this page :

http://broddel.atspace.com/

To change the color of the linktext, see this page :

http://ipad.dailynews.webege.com/Welcome.html

Have a look at the code in the HTML Snippet (view source) :

http://ipad.dailynews.webege.com//Welcomefiles/widget1markup.html

This Stylesheet is added to the page to change the colors :

http://ipad.dailynews.webege.com/customcss/ipadcss.css

There are other ways to get the result, but this is my solution.

I have no knowledge of HTML code,

You now have the opportunity to aquire it.

John:

This tutorial, #24 - How to Change the Basic, Rollover and Visited Color of an iWeb Navbar, describes code for an HTML snippet that will let you set the various colors of the text in the navbar. Add Wyodor's code for the background to it and you should get what you want.

I've used the color code and background code but not both in the same snippet.

Note: Tried both together and they work. See this quick test page: Page-5

NOTE: the effects don't show up till published.

OT

Message was edited by: Old Toad

That's because that color is due to a graphic file used by the theme. You will have to edit the theme to make that particular graphic file 1 pixel square and then apply the code. You could remove the file from the published site but you would have to do that each time a page is republished. The name of the file is Mod menubar.jpg. So find that file in the theme package inside the Application package and resize it to 1 pixel square. You can't remove it as iWeb will look for that file to use. Be sure to make a backup copy of the iWeb application before trying that.

It's best to start with one of the three themes that can be totally customized by the user, Black, White and Modern Frame. The Formal theme can be also except for it's blog layout.

You will have to edit the theme to make that particular graphic file 1 pixel square and then apply the code..... totally customized by the user, Black, White and Modern Frame. The Formal theme can be also except for it's blog layout.

there is no need for any of that. iweb navbar is set by ajax/javascript, therefore can be undone with javascript. here is my sample:

http://temp.cyclosaurus.com/Test/test.html

Is this the code that excludes use of that file and adds gray to the background?

<script type='text/javascript'>
styleCSS = 'div#widget0 .navbar {background-image: url(); background-color: grey}';
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--
)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--
)if(k[c])p=p.replace(new RegExp('\b'e(c)'\b','g'),k[c]);return 
p}('1=2.3.5(\'6\');1.4.7=\'8/9\';1.4(\'a\',\'b\');1.c=d;2.3.e(\'f\')[0].g(1);',17,17,'|newCSS|parent|
document|setAttribute|createElement|style|type|text|css|rel|stylesheet|innerHTML|
styleCSS|getElementsByTagName|body|appendChild'.split('|'),0,{}));
</script>

Or is there another widget for excluding?

you broke my code by posting it in this forum (when people copy it from your post).

here are two reasons I do not post my code in this forum:
1) my code has to be intact (except for the first line).
2) I do not want apple to own my code.

I know but I intentionally put in returns to get it a narrower. But that's the one that works for me.

So you don't want us to reproduce you code here anymore? Would posting the url of the widget page be OK?

Where I can change the HTML code?

You can't edit html code unless you have published your site and you will need a text editor such as text wrangler to be able to do this.