MyBB Community Forums
Fluid header background - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Fluid header background (/thread-30021.html)



Fluid header background - InFlames20 - 2008-03-25

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


RE: Fluid header background - burnz3r0 - 2008-03-25

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


RE: Fluid header background - InFlames20 - 2008-03-25

Thanx but it didn't worked. Are you sure i should put it into Page Container?


RE: Fluid header background - Inferno - 2008-03-25

you would need to make a new css class and add it to the template


RE: Fluid header background - InFlames20 - 2008-03-25

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.


RE: Fluid header background - burnz3r0 - 2008-03-25

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



RE: Fluid header background - InFlames20 - 2008-03-25

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



RE: Fluid header background - burnz3r0 - 2008-03-26

Alright, glad to hear it's working.
But, it seems like your site is down. Sad