Tweaking your Menu Bar
January 12th, 2008
Home, Blog, Photos, Review, Recipe, sound familiar? These are the ingredients of your navigation bar (Menu Bar) where you visitors navigate throughout the contents of your site. This tutorial will show you how to make changes on its look.
Entry Filed under: Henry Louis Reyes, Tutorials
16 Comments Add your own
1. lei | May 24th, 2008 at 12:23 pm
cool.
[Reply]
2. brewberry | June 9th, 2008 at 1:02 am
so cool!
[Reply]
3. bertha | July 12th, 2008 at 3:24 am
not really cool
[Reply]
4. jannah | August 5th, 2008 at 5:18 am
That’s cool! Is there any other text decoration besides blink?
[Reply]
5. simplyjacy | August 5th, 2008 at 12:15 pm
yes! aside from blink, you can use the following:
underline, overline and line-through
[Reply]
6. ron | August 11th, 2008 at 2:53 pm
can u teach me how to put another menu bar on my new site?
[Reply]
7. deejeyy | August 16th, 2008 at 12:06 pm
the video doesn’t play!=[. i just want to know the width and height of the navbar. =[.
[Reply]
8. simplyjacy | August 18th, 2008 at 12:37 am
hello deejeyy!
you can actually adjust it’s height depending on the size of your font or the image that you use to make a navbar.
check the CSS and look for this part which controls the size of it: div#subnav and div#subnavc
[Reply]
9. Bianca | August 31st, 2008 at 3:49 am
I’m still really confused
[Reply]
10. Camille | September 6th, 2008 at 5:03 am
uhmm. I have a question..
how can I move my menu bar under my banner?
[Reply]
11. rea | September 16th, 2008 at 6:01 am
hi, i just want to know what i need to do if i want to personalize the menu bar.
i saw this girl’s multiply site and the links like the “home”, “blog” etc. are over the images like each link has it’s own image.
how can i do it too?
[Reply]
12. gladys | November 20th, 2008 at 9:10 pm
hey can u help me please, i need to know how can i move my menu bar above or under my banner. thanks
[Reply]
simplyjacy Reply:
November 20th, 2008 at 10:12 pm
hi gladys!
the navigation bar’s location can be controlled by the colde: div#subnavc
increase the margin-top to move it down or decrease it to move it up.
if you don’t have this tag inside the the div#subnavc, just add it on this format: margin-top: 100px;
for future references, check out this tut: Your Page and CSS
[Reply]
gladys Reply:
November 26th, 2008 at 2:41 am
thank you so much..
[Reply]
13. rea | December 14th, 2008 at 1:22 am
can i do something about the menu bar, like in hover, i want the simple word “home” to change into something with border and with the letters with space like this:
H O M E
thnks
[Reply]
14. Dianne | December 27th, 2008 at 6:54 am
cool! Im going to change my site!
[Reply]
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed