font size in navigation bar

Question

Level 1

85 points

font size in navigation bar

i am using the default nav bar in the theme BeBop.

how do i make the fonts for the nav links smaller --or edit those at all?

Posted on Aug 23, 2008 10:19 PM

Reply

Answer 1

Ethmoid

Level 6

11,488 points

Aug 23, 2008 11:06 PM in response to Ted Rogers3

You can't.

If you want anything different to what is there, then hide the nav bar and make your own, so that you can have the text size you want.

Reply

Answer 2

Ted Rogers3 Author

Level 1

85 points

Aug 23, 2008 11:28 PM in response to Ethmoid

ouch!

if i can create my own, can i insert that into this iWeb 08 site i have built?

can you tell me where i can find how to do both of those things?

Reply

Answer 3

Ethmoid

Level 6

11,488 points

Aug 23, 2008 11:32 PM in response to Ted Rogers3

You create your own navigation bar within the iWeb site that you have made. All you do is go to Inspector and click on page and then hide nav bar and then proceed to build your own wherever you want on the page. You need either a text box or shape and you can use colour fill and whatever font you want. You can have then anywhere you want on the page and then you just need to hyperlink each name on the nav bar to each page, so that the links work.

Reply

Answer 4

Ted Rogers3 Author

Level 1

85 points

Aug 23, 2008 11:39 PM in response to Ethmoid

oops! yes, of course!

so, can't i drill down into the exact template file (?) and "just" change that one set of fonts' size, maybe in some CSS or somewhere?

that way i get to keep the nice extended background and color that i get when default navbar is 'on'.

Reply

Answer 5

Ethmoid

Level 6

11,488 points

Aug 24, 2008 3:16 AM in response to Ted Rogers3

Unfortunately, it is not that simple. To be able to alter any of this, you need to publish your site to a folder so that the html files are created. iWeb does not create these files until published. You then need an html editor to be able to change any of the code or CSS, so you would need to import the site into something like Text Edit or Text Wrangler and then change elements of coding and CSS.

Unless you really know what you are doing with hand coded html, then it really is not worth it. You would do better to just re-arrange your site a little, turn off the original nav bar and then create your own. If you do this, you will also find that you site is located by Google more effectively too.

I have to say that I create my own nav bars for my site, as mostly, I don't like the ones provided by iWeb templates.

Reply

Answer 6

Ted Rogers3 Author

Level 1

85 points

Aug 24, 2008 3:56 AM in response to Ethmoid

i do have all that (published to folder; know how to edit html with a text editor). do you know where that little adjustment might be found or have any search tips?

thanks

Reply

Answer 7

Wyodor

Level 6

19,930 points

Aug 24, 2008 4:01 AM in response to Ted Rogers3

The iWeb navbar is created by a JavaScript.

Open the source of the webpage and search for the +new NavBar+ script.

Reply

Answer 8

Old Toad

Level 10

215,718 points

Aug 24, 2008 12:32 PM in response to Ted Rogers3

See this post by Cyclosaurus: http://discussions.apple.com/message.jspa?messageID=7639152#7639152. Although it's in regards to the text color it would also apply to font size. He's Dr. Java around here.

OT

Reply

Answer 9

Wyodor

Level 6

19,930 points

Aug 24, 2008 12:35 PM in response to Old Toad

He's Dr. Java around here.

JavaScript

Reply

Answer 10

Ted Rogers3 Author

Level 1

85 points

Aug 24, 2008 1:32 PM in response to Wyodor

at new NavBar, in Welcome.html (BeBop theme) - this sees to be it: \nfont-size: .8em;

is this correct, anything else i should know about messing with this? i guess i have to do on every page?

is there no place in the js or anywhere else to modify it globally?

Reply

Answer 11

Aug 24, 2008 2:33 PM in response to Ted Rogers3

Ted Roger3,

Making your own custom nav-bar is quite easy

http://allaboutiweb.com/index.php/2008/08/improve-navigation/

P.S. What ever happened to Dusty Bin??

Reply

Answer 12

Aug 24, 2008 2:37 PM in response to AllAboutiWeb

Making your own custom nav-bar is quite easy

Agreed!

Reply

Answer 13

Ted Rogers3 Author

Level 1

85 points

Aug 24, 2008 2:45 PM in response to AllAboutiWeb

this is a GREAT thread everybody!

i am SURE i will eventually make my own custom navbar. so i AM taking all this in.

right now i'm kind of creating a template of ideas to show... the ideas, but i want it to look decent.

my REASON for wanting to adjust the navbar font size in the first place (and i did adjust it down to 6) is so that my links would not double up, at least in a default live view.

(i use so much enlargement when i read the interwebs that everything is a mess anyway. 😉

if i mark this thread "question solved" (by Wyodor), will it be closed down from further contributions?

Reply

Answer 14

Old Toad

Level 10

215,718 points

Aug 24, 2008 3:21 PM in response to Ted Rogers3

FWIW here's another demo of a text based navbar, both horizontal and vertical.

Reply

Answer 15

Ted Rogers3 Author

Level 1

85 points

Aug 24, 2008 3:39 PM in response to Old Toad

that is great, thanks.

as long as i;m using this theme (BeBop) if i do do that i;ll have to extract the backing image because i want the same look as i have now. what you might notice if that if (using that theme) you toggle the navbar on and off the entire page moves up and down accordingly, as expected, but it looks better "longer" even if there was no navbar!

Reply