MyBB Community Forums

Full Version: Fluid header background
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I've made a header (look at it here) and as you can see it's centered. But, i want to make his background fluid because forum width is not fixed and so it's hard to march the appropriate size of the header.

Sorry, for my bad English, i hope that you can understand me. I want this header to be centered but also i want to add that blue background on the left and of the right side of the header. I think it's called fluid background.

And I also know that css code for fluid background goes something like this:

background: url(imagefolder/image.gif) center center repeat-x;

But i don't know where to put it. If someone understands my problem and knows the solution please tell me.

Thanks
Well, first you have to get a 1px width piece of the gradient there... then you should go to Page Container>Extra CSS Attributes then insert this:
background: #fff; url(images/[image_folder]/[gradient].gif) top left repeat-x
Replace the things in brackets. Wink
Thanx but it didn't worked. Are you sure i should put it into Page Container?
you would need to make a new css class and add it to the template
I'm not sure what that means but i think i don't know how to do it, and it sounds complicated. Can you tell me how to do it or at least give me some pointers, links or something where i can see and read how to do it myself.
Put it in body instead then... It works for me.
Add this after what you already have in Body>Background:
url(images/[image_folder]/[gradient].gif) top left repeat-x
ahero4heor Wrote:Put it in body instead then... It works for me.
Add this after what you already have in Body>Background:
url(images/[image_folder]/[gradient].gif) top left repeat-x

Hey...no, this isn't good either. The first one was ok Smile
Sorry, I've put code somehow wrong and that's why it didn't worked. You were right the first time, this is the right code:

Page Container>Extra CSS Attributes then insert this:

background: #fff; url(images/[image_folder]/[gradient].gif) top left repeat-x
Alright, glad to hear it's working.
But, it seems like your site is down. Sad