Hey guys, I posted this to the forummotion support forum but it didn't get any responses, so I was wondering if someone could help me with the code?

I would like to create a banner similar to this setup I made on a site a while back: [link]. Unfortunately, this required template editing on Phpbb3 and thus I wouldn't be able to use the same method for PhpBB. Anyway, I think the code would actually be pretty simple: Just a horizontally tiling image that's in the same location of the banner, positioned under it (and above the main forum body).

Thanks!

Here's the same answer I gave you on FM.

I'm not sure did I understand you right, but should be pretty easy if this is what you meant (for phpBB2).

Replace your body in CSS with mine.

Code:

body {
   background-color: #BC9F3E;
   background-image: url("http://i266.photobucket.com/albums/ii247/Kab0000m/TRStructure-1.png");
   background-attachment: scroll;
        background-repeat: repeat-x;
   }

Than go to bodyline and put color like this:

Code:

.bodyline{
    background-color: transparent;
    border: 1px # solid;

Put your header into pictures managment and position it center in display, headers and navigation.

This will be the resolt. It will go across the whole page.
Hope you meant that.

Does this method require template editing? I'm using PhpBB so I can't edit body templates and so on.

Yes, this is just CSS not template editing.

But she says

Than go to bodyline and put color like this:

?

Yes...

thats in your CSS :/

I'm a little confused - When I navigate to my "CSS stylesheet" under the "display" tab, it's blank. Am I in the wrong location? It sounds like this was meant to edit an already existing attribute. (When I add the code, it says I have an uneven number of brackets.)

Can I have the link to your forum please

This is for phpBB2 - FM (it has templates, didn't get you on that part )

It sounds like this was meant to edit an already existing attribute.

I ment that.
OK lets go from start.

You have a default version phpbb2, to work on it you have to put in your basic CSS.

Press ''see my basic CSS'' than copy that CSS to your blank CSS space and SUBMIT.

Than you can start working on your CSS.

1. Find this (on the start) =>

Code:

body {
   background-color: #ffffff;
   background-image: url("http://illiweb.com/fa/empty.gif");
   background-attachment: scroll;
   }

Delete it and replace it with this =>

Code:

body {
  background-color: #BC9F3E;
  background-image: url("http://i266.photobucket.com/albums/ii247/Kab0000m/TRStructure-1.png");
  background-attachment: scroll;
        background-repeat: repeat-x;
  }

2. Find this

Code:

.bodyline{
    background-color: #18405e;
    border: 1px #dddddd solid;
   }

Delete it and replace it with this =>

Code:

.bodyline{
    background-color: transparent;
    border: 1px # solid;
}

3. Go to AP >> Display >> pictures managment >> advanced mode >> Forum main logo : (put the logo, that little animal there) >> Save

4. Go to Display >> Headers and navigation >> Logo positioning : select center. >> Save


That's the whole job.

Hm, okay, but I'm working on PhpBB, not PhpBB2 as said in OP. Would it work the same way?

Can I have the link to your forum please

Sure It's TRForums.com.

Yes it would work exactly the same and I would of told you exactly the same as Until_Forever.

Okay, but what I'm saying is the Phpbb2 CSS is different than the PhpBB CSS (the version I'm using). The body { attribute is different:

body {
padding: 0;
margin: 0;
font-size: 10pt;
}

And there's no .bodyline attribute.

Nope, if this is your forum TRForums.com than do this.

1. REPLACE your wrap with mine.

Code:

#wrap {
    margin: 0 auto;
    min-width: 954px;
    padding: 5px;
    width: 75%;
}

2. And your body with mine

Code:

body {
    background-attachment: scroll;
    background-color: #BFA343;
    background-image: url("http://i266.photobucket.com/albums/ii247/Kab0000m/TRStructure-1.png");
    color: #25838F;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
    background-repeat: repeat-x;
}

This will be your resault =>

Spoiler:

Than add the smaller logo through AP like in step 3. & 4.

Okay, thanks for your help! But is there any way to preserve the body as well?

Also - There's many #wrap attributes, which one should I change?

You'd have to put the same photo in wrap and maybe inhance the bottom color ot the photo via PS, leave the top the same and move the wrap borders. This is with no PS work done on it. You could make the bottom less transparent (or whatever you want) in PS =>
http://i.imm.io/4Vj7.png
If you don't change the wrap photo (leave it only color) your wrap would cover the tilling image.

I don't completely understand what you mean - I'm wondering if it is possible to still have the body (beige square under everything) start up below the banner?

So, kind of like this, only have it under eveything:
http://i26.servimg.com/u/f26/13/66/98/43/body10.jpg

You can, I'll explain latter, will edit my post.



EDIT >>
I can't work through your panel so I don't know will it fit exactly with the small logo. So if it doesn't don't move it, come and I'll give you the exact margins.

Change your parts with mine.

1.

Code:

#logo-desc {
    margin: -350px 0 0;
    padding: 0;
    text-align: center;
}

2.

Code:

body {
    background-attachment: scroll;
    background-color: #BFA343;
    background-image: url("http://i266.photobucket.com/albums/ii247/Kab0000m/TRStructure-1.png");
    background-repeat: repeat-x;
    color: #25838F;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}

3.

Code:

#wrap {
    background-color: #FFF8B9;
    border: 1px solid #000000;
    margin: 330px auto 0;
    min-width: 954px;
    padding: 5px;
    width: 75%;
}

RESAULT

Cool, thanks for your help! The only problem now is, the background defined in body { doesn't seem to be showing?

http://www.trforums.com/

I see 2 bodys in your CSS, did you replaced yours with mine or you just added mine?

Replaced it. Where do the see the second one?