The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Nav. Bar Background Color/Image (How to change)

3 posters

Go down

Nav. Bar Background Color/Image (How to change) Empty Nav. Bar Background Color/Image (How to change)

Post by Kronos January 29th 2010, 7:21 pm

Hey, here is what my forum looks like.....what I want to do is change the sky blue color behind the Nav. Bar to an image that can stretch across the left white border to the right.

Now:

Nav. Bar Background Color/Image (How to change) 22211

How I need it to look:

Nav. Bar Background Color/Image (How to change) 22212

So can someone please help Smile Thanks!
Kronos
Kronos
Forumember

Male Posts : 130
Reputation : 0
Language : English

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Final-Blond January 29th 2010, 8:58 pm

Hi (again),

Is your forum in phpBB3 ?
Final-Blond
Final-Blond
Forumember

Female Posts : 117
Reputation : 0
Language : French, English, German
Location : High atop the hill in the swiss mountains

http://www.sos-forum.com/index.htm

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Kronos January 29th 2010, 9:02 pm

Lol Hi umm yeah it is Smile
Kronos
Kronos
Forumember

Male Posts : 130
Reputation : 0
Language : English

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Final-Blond January 29th 2010, 9:34 pm

Try this code :
.navbar {border-bottom:none; background-color: #your_color_code; margin: 0px -5px 0px -5px; padding: 0px;}
Final-Blond
Final-Blond
Forumember

Female Posts : 117
Reputation : 0
Language : French, English, German
Location : High atop the hill in the swiss mountains

http://www.sos-forum.com/index.htm

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Kronos January 29th 2010, 9:42 pm

no it doesnt work....plus the BG isnt a solid color so i need one that can use an image
Kronos
Kronos
Forumember

Male Posts : 130
Reputation : 0
Language : English

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Final-Blond January 29th 2010, 9:54 pm

Final-Blond wrote:Try this code :
.navbar {border-bottom:none; background-color: #your_color_code; margin: 0px -5px 0px -5px; padding: 0px;}
Ah, then add this :
.navbar {border:none; background-color: #your_color_code; background-image: url('image_url');
background-positon: middle left;
background-repeat: repeat-x;
margin: 0px -5px 0px -5px; padding: 0px;}
You can keep the color, the image has anyway priority.
Final-Blond
Final-Blond
Forumember

Female Posts : 117
Reputation : 0
Language : French, English, German
Location : High atop the hill in the swiss mountains

http://www.sos-forum.com/index.htm

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Kronos January 29th 2010, 10:16 pm

Hmmmm worked but not quite.....my only problem now is the rounding on the borders is messed up....

Nav. Bar Background Color/Image (How to change) 81761029
Kronos
Kronos
Forumember

Male Posts : 130
Reputation : 0
Language : English

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by ze_chaofan January 29th 2010, 10:38 pm

Hello...
To remove the rounded corners, add this :
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }

And, put transparent as background color.
ze_chaofan
ze_chaofan
Forumember

Male Posts : 34
Reputation : 0
Language : English and French

http://full-tuto.forumotion.com/

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Kronos January 29th 2010, 11:02 pm

Sweet worked perfectly but is there a way to move the menu buttons up just a little so they match the BG?
Kronos
Kronos
Forumember

Male Posts : 130
Reputation : 0
Language : English

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by ze_chaofan January 30th 2010, 4:20 pm

Hum... Try this :

Search this part in your CSS :
background-positon: middle left;
Remove middle left and write center.
ze_chaofan
ze_chaofan
Forumember

Male Posts : 34
Reputation : 0
Language : English and French

http://full-tuto.forumotion.com/

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Kronos January 30th 2010, 4:45 pm

No it didn't work :/
Kronos
Kronos
Forumember

Male Posts : 130
Reputation : 0
Language : English

Back to top Go down

Nav. Bar Background Color/Image (How to change) Empty Re: Nav. Bar Background Color/Image (How to change)

Post by Kronos February 1st 2010, 2:00 am

....Anything else I can do.....should I start a new thread?
Kronos
Kronos
Forumember

Male Posts : 130
Reputation : 0
Language : English

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum