Integrating the Navbar

In the last couple posts I did the code for changing the text in the Navbar, now I'll show you how to make it integrate better into your blog...

To make the dividers, Next Blog arrow and background dissapear you need quite a lot of code, all of which needs to be entered into the CSS section of your blog design...

#topnavbar {
border-bottom:none;
background:none;
}

#topnavbar #linkSearch {
background:none;
}

#topnavbar #top_blogOptions {
background:none;
}

#topnavbar #top_userOptions {
background:none;
}

#topnavbar #top_userOptions a {
background:none;
}

#topnavbar ul, #topnavbar p, #topnavbar fieldset {
background:none;
}

#topnavbar li {background:none;}

#topnavbar li.last {background:none;}

#topnavbar .nextBlog a {
background:none;
}

#topnavbar #top_flagBlog ul li {
background-image: none;
}

Putting all that into CSS will vanish all the default design elements from the Navbar and make it use your blog design for it's backing.

This can be an issue with a very complicated background designs but with simpler ones, should work fine.

Remember to double check your font colour to make sure it's readable over the background.