help with nar bar( in the wrong place i think)

i have seen it on other forumostion

this what i want it to look like but i haven't got a clue how to do it


here my forum to see what it look like now
http://staffy-bull-terrier.niceboard.com/

This could be done with a CSS code. Enter it in "Stlyes / Colors / CSS" and submit. Change the parts marked red to the image-url of your background.

.navbar{ background-image: url("IMAGE URL")}

However, this code above would also change the background of the footer navbar. If you don't want this, try this one below instead:

.pageheader .navbar{ background-image: url("IMAGE URL")}

i put that code in but i cant change the colour of the nav bar links do i have to add somemore codes to it


ok i found out what i was doing wrong is their a way of just chagine the colour of the nar bar links but not changing the colour of the forum links colour too?

Just so others know incase they want to do this, where exactly do you put this code:

Code:

.pageheader .navbar{ background-image: url("IMAGE URL")}

in the css stylesheet

it works my problem is changing the colour of the nar bar links without changing the forum links

any particular spot?

have you got alot of codes there?

becasue i have only have a few line of code there i just put it at the button of it

uhmm ya as I edit the colors images and all there

This code below should work here - I think you want to change the font-color of the links (home, portal, etc...) in your navigation bar?

a.mainmenu:link{color:#ff0000}

it's only doing half the links

here look at my forum http://staffy-bull-terrier.niceboard.com

edit

i just deleted my cookie and they all show up white but whne you click on 1 they turn back to the blue and my nav bar background is not showing up now

Code:

#wrap {
width: 1010px;
}
#min-width {
 min-width: 1010px;
 }
* html .conteneur_minwidth_IE {
  /* Hack IE min-width */padding-left: 1010px;
  }
* html .conteneur_container_IE {
  /* Hack IE min-width */margin-left: -1010px;
  position: relative;
}
.pageheader .navbar{ background-image: url("http://i108.photobucket.com/albums/n35/wise_guy_xp/navbar.png")}
a.mainmenu:link{color:#ffffff}



Ouch, I'm really stupid. Realized that I labeled the header-selector faulty... so the correct code would be:

#page-header .navbar{background-image: url("https://2img.net/h/i108.photobucket.com/albums/n35/wise_guy_xp/navbar.png")}

And if you want the links the same color all the time, even on mouseover, click... then you have to use this code:

a.mainmenu:link, a.mainmenu:visited, a.mainmenu:hover, a.mainmenu:active{color:#fff}

Sorry again about the mistake... I vow betterment!

thanks, 2 more thing, how do it change the colour of the button link Home/Make a forum/ phpbb/Free forum support/Create your blog to white and how do i make it change colour when i move the mouse over it

There you go, the second part is the hover(mouseover) color:

Code:


#page-footer, #page-footer a:link, #page-footer a:visited, #page-footer a:active{color:white}
#page-footer a:hover{color:#0000ff}/*font-color when hovering your mouse over footer-links*/