Adding Background images?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
lorddeebo
Registered User
Posts: 77
Joined: Sun Jun 27, 2010 11:19 pm

Adding Background images?

Post by lorddeebo » Sun Apr 17, 2011 7:29 pm

http://tekkennation.com/forums see the grey stuff? I was wondering if I could have a background image that could replace it

is that possible? my style is se pro

User avatar
jim 777
Registered User
Posts: 105
Joined: Wed Apr 13, 2011 11:56 pm
Location: Sonoma County
Name: Jim
Contact:

Re: Adding Background images?

Post by jim 777 » Mon Apr 18, 2011 2:20 am

Are you talking about the grey around the border of the page? Or the gradient on each line?

The first is easy as adjusting the BG property of the file (whether php or html) and the later is a repeated gif image. Usually very small and repeated across the page.

lorddeebo
Registered User
Posts: 77
Joined: Sun Jun 27, 2010 11:19 pm

Re: Adding Background images?

Post by lorddeebo » Mon Apr 18, 2011 1:02 pm

jim 777 wrote:Are you talking about the grey around the border of the page? Or the gradient on each line?

The first is easy as adjusting the BG property of the file (whether php or html) and the later is a repeated gif image. Usually very small and repeated across the page.

grey around the border of the page

Richazey
Registered User
Posts: 823
Joined: Mon Oct 27, 2008 9:03 pm

Re: Adding Background images?

Post by Richazey » Mon Apr 18, 2011 1:23 pm

Hi the just change the colour to a background for prosilver_Se

Do the following steps:
Open prosilver_SE/theme/common.css

on line 19 you will find:
color: #828282;

after add:
background: url("{T_THEME_PATH}/images/body.gif") repeat;

then save the backgound image to the theme/images as whatever and then edit the line abouve with the correct file name.

Also with this you will need to edit all the images that start with border in the theme/images folder as they all have gray on them.

lorddeebo
Registered User
Posts: 77
Joined: Sun Jun 27, 2010 11:19 pm

Re: Adding Background images?

Post by lorddeebo » Mon Apr 18, 2011 1:52 pm

can I send you the files? of colour and common because I added the picture and it's still not coming up

Richazey
Registered User
Posts: 823
Joined: Mon Oct 27, 2008 9:03 pm

Re: Adding Background images?

Post by Richazey » Mon Apr 18, 2011 2:03 pm

Yep your sure can also did you refresh you theme and purge your cache?

lorddeebo
Registered User
Posts: 77
Joined: Sun Jun 27, 2010 11:19 pm

Re: Adding Background images?

Post by lorddeebo » Mon Apr 18, 2011 6:44 pm

fixed

thank you dude

but here it is

http://tekkennation.com/forums/viewforum.php?f=131

it seems a little out of focus, see the woman wearing white I want it so you can see her in full. Do you have any idea how I can set to what I can put as the middle. Or what Height and width I should use for the background image

Richazey
Registered User
Posts: 823
Joined: Mon Oct 27, 2008 9:03 pm

Re: Adding Background images?

Post by Richazey » Mon Apr 18, 2011 9:16 pm

You have used a gif file the quality goes down, save the image as a .png file and alter the link in the common.css file to be png and refresh your theme and purge your cache and it should improve the quality.

lorddeebo
Registered User
Posts: 77
Joined: Sun Jun 27, 2010 11:19 pm

Re: Adding Background images?

Post by lorddeebo » Wed Apr 20, 2011 4:52 pm

is there a way to stop the picture from repeating?

http://tekkennation.com/forums/viewtopi ... 131&t=5893

because when posts are so large, the picture beings to repeat over and over, is there anyway to have picture fixed in background and have the forum middle move instead?

and how do I align the image in the centre? so I can make the pic go in the center of the forum

Richazey
Registered User
Posts: 823
Joined: Mon Oct 27, 2008 9:03 pm

Re: Adding Background images?

Post by Richazey » Thu Apr 21, 2011 10:09 am

Yes simply alter the repeat in the following line in colours.css

background: url("{T_THEME_PATH}/images/body.gif") repeat;


for horizontal: repeat-x
for vertical: repeat-y

lorddeebo
Registered User
Posts: 77
Joined: Sun Jun 27, 2010 11:19 pm

Re: Adding Background images?

Post by lorddeebo » Thu Apr 21, 2011 9:02 pm

background-image: url("{T_THEME_PATH}/images/tag_2_bg.jpg") repeat; repeat-x repeat-y

like this?

Richazey
Registered User
Posts: 823
Joined: Mon Oct 27, 2008 9:03 pm

Re: Adding Background images?

Post by Richazey » Thu Apr 21, 2011 9:36 pm

no like this:

Code: Select all

background-image: url("{T_THEME_PATH}/images/tag_2_bg.jpg") repeat-x;

lorddeebo
Registered User
Posts: 77
Joined: Sun Jun 27, 2010 11:19 pm

Re: Adding Background images?

Post by lorddeebo » Thu Apr 21, 2011 11:42 pm

so like this

background-image: url("{T_THEME_PATH}/images/tag_2_bg.jpg") repeat-x;
background-image: url("{T_THEME_PATH}/images/tag_2_bg.jpg") repeat-y;



I add both of these right?

Richazey
Registered User
Posts: 823
Joined: Mon Oct 27, 2008 9:03 pm

Re: Adding Background images?

Post by Richazey » Thu Apr 21, 2011 11:53 pm

no you dont want it to repeat vertically so you only add the one i gave you. if you add both it will do exactly what is is doing now

lorddeebo
Registered User
Posts: 77
Joined: Sun Jun 27, 2010 11:19 pm

Re: Adding Background images?

Post by lorddeebo » Sun Apr 24, 2011 1:25 am

html, body {
color: #536482;
background-color: #ACA8A1;
background-image: url("{T_THEME_PATH}/images/tag_2_bg.jpg") repeat-y;
}

h1 {
color: #FFFFFF;
}

h2 {
color: #28313F;
}
it didnt make a different it's still repeating the image over and over, I also tried it with x instead

Locked

Return to “[3.0.x] Styles Support & Discussion”