The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Need help from a CSS pro: Tiling image behind banner on PhpBB?

View previous topic View next topic Go down

Need help from a CSS pro: Tiling image behind banner on PhpBB?

Post by TR on April 3rd 2011, 9:21 pm

Hi guys,

I would like to create a banner similar to this setup I made on a site a whiles back: [link]. Unfortunately, this required template editing on Phpbb3 (iirc) and thus I wouldn't be able to use the same method for PhpBB. Any way, 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. Could someone help me out with the code?

Thanks!

TR
Forumember

Posts : 399
Reputation : 0
Language : English, Gamer

Back to top Go down

Re: Need help from a CSS pro: Tiling image behind banner on PhpBB?

Post by dragonintel on April 6th 2011, 8:07 pm

Did you figure it out, looks like your forum currently has one.

Will

dragonintel
Forumember

Male Posts : 392
Reputation : 0
Language : English
Location : New York

http://bestof.forumotion.com/

Back to top Go down

Re: Need help from a CSS pro: Tiling image behind banner on PhpBB?

Post by TR on April 10th 2011, 4:05 am

No, as I explained that was a test forum that was PhpBB3, I'm trying to achieve this on PhpBB now.

TR
Forumember

Posts : 399
Reputation : 0
Language : English, Gamer

Back to top Go down

Re: Need help from a CSS pro: Tiling image behind banner on PhpBB?

Post by Nera. on April 10th 2011, 10:50 am

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. Hello

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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