changing the header background image

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning

changing the header background image

Postby drkdeath » Tue Sep 02, 2008 11:18 am

Hi, im new to phpbb so its kinda confusing. so far ive managed to install the pro silver template and remove the headers logo image but i would like to change the header background image altogether (the grey black rectangle) and put my own image up there. Could somebody explain how i go about changing the code to do this ? the link to my forum is http://gfxpixeldesigns.com/transatlanti ... /index.php
Thanks in advance.
drkdeath
Registered User
 
Posts: 19
Joined: Tue Sep 02, 2008 11:13 am

Re: changing the header background image

Postby TheIlluminative » Tue Sep 02, 2008 11:35 am

Upload your image to styles/prosilver_se/theme/images directory then open file: styles/prosilver_se/theme/colours.css and find:
Code: Select all
.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

change bg_header.gif with your image.
User avatar
TheIlluminative
Former Team Member
 
Posts: 2421
Joined: Thu Jun 26, 2003 11:34 pm
Location: Egypt
Name: Mahmoud

Re: changing the header background image

Postby drkdeath » Tue Sep 02, 2008 4:48 pm

thanks that worked great :D just my image is a bit to small i made it 800 pixels wide so how wide do i make it ?
drkdeath
Registered User
 
Posts: 19
Joined: Tue Sep 02, 2008 11:13 am

Re: changing the header background image

Postby TheIlluminative » Wed Sep 03, 2008 10:00 am

What do you mean by small, you mean it isn't completely displayed :roll: ?
User avatar
TheIlluminative
Former Team Member
 
Posts: 2421
Joined: Thu Jun 26, 2003 11:34 pm
Location: Egypt
Name: Mahmoud

Re: changing the header background image

Postby tomkoel » Tue Mar 09, 2010 9:42 pm

Hi, I want to jump on this a few years late...
I can't get mine to show at all. Plus, like the guy above said, what size to you make the background image?
I want my own graphic behind the logo, and the search, and the title, etc. And I want to randomize it. Is that possible? Can the image be a png? Thanks.
tomkoel
Registered User
 
Posts: 4
Joined: Thu Dec 17, 2009 12:13 am

Re: changing the header background image

Postby TheChaosFactor » Thu May 27, 2010 5:30 pm

I'm having a similar problem not being able to get mine to display at all, but I did read somewhere the appropriate size is approx 850 x 129 pixels, I believe. It would be nice to figure out how to replace the header image with one of my own and have it actually display though.

I'm trying to do something similar to what is done here on phpbb.com where the whole bar is removed and replaced with a custom image, and then I'd like to move the search bar.

Is there a variation of the steps above? I'd like to think I'm not doing anything incorrectly as these are straight forward directions, but at this point I'm willing to assume I'm not understanding the concept at all since I've been going at this for over 40 minutes...
TheChaosFactor
Registered User
 
Posts: 7
Joined: Thu May 27, 2010 1:30 am

Re: changing the header background image

Postby Christian 2.0 » Thu May 27, 2010 6:14 pm

TheChaosFactor wrote:Is there a variation of the steps above?

You'll find this topic useful.
No longer active at phpBB.com
User avatar
Christian 2.0
Former Team Member
 
Posts: 4103
Joined: Wed Nov 04, 2009 11:16 pm
Location: Wrexham, UK
Name: Christian Bullock

Re: changing the header background image

Postby n3wb13 » Sun Jan 02, 2011 5:50 am

hi,
ive changed the code to this:

Code: Select all
.headerbar {
   background-color: #12A3EB;
        width: 100%;
   background-image: url("{T_THEME_PATH}/images/sitelogo.png");
   color: #FFFFFF;



i added: width: 100%;
but instead of sitelogo.png being 100% of the forum, it repeats.

how can i make it so that it is 100% of the width of the forum, so it stretches across the width and does not repeat?
n3wb13
Registered User
 
Posts: 25
Joined: Sat Dec 25, 2010 12:23 am

Re: changing the header background image

Postby Rahber » Sun Jan 02, 2011 6:12 am

you cant not stretch your image according to screen resolution unless some script is used.

I would suggest use a Fixed width style so that your background image doesnt repeat and it lokks good even on big screen.

and to learn more abouit background repeat visit w3schools

and its always good to start your own new topic :)
twitter : @Rahber | For Custom Style Hire Me
User avatar
Rahber
Styles Team Member
Styles Team Member
 
Posts: 2516
Joined: Tue Feb 12, 2008 3:39 pm
Location: Pakistan
Name: Rahber Ashraf

Re: changing the header background image

Postby n3wb13 » Sun Jan 02, 2011 7:56 am

ok, thanks for your help :) thought it be easier to post in threads that have same subject and this thread seemed to do... even though 2 years old. thx again ;)
n3wb13
Registered User
 
Posts: 25
Joined: Sat Dec 25, 2010 12:23 am

Re: changing the header background image

Postby davers200 » Sun Jan 02, 2011 4:18 pm

ur forum has a error u must of alterd sumthin wrong.
davers200
Registered User
 
Posts: 136
Joined: Sat Mar 20, 2010 7:28 pm

Re: changing the header background image

Postby davers200 » Sun Jan 02, 2011 4:19 pm

ur forum has a error u must of alterd sumthin wrong.
davers200
Registered User
 
Posts: 136
Joined: Sat Mar 20, 2010 7:28 pm


Return to [3.0.x] Styles Support & Discussion

Who is online

Users browsing this forum: No registered users and 16 guests