Page 1 of 3

Adding Background images?

Posted: Sun Apr 17, 2011 7:29 pm
by lorddeebo
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

Re: Adding Background images?

Posted: Mon Apr 18, 2011 2:20 am
by jim 777
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.

Re: Adding Background images?

Posted: Mon Apr 18, 2011 1:02 pm
by lorddeebo
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

Re: Adding Background images?

Posted: Mon Apr 18, 2011 1:23 pm
by Richazey
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.

Re: Adding Background images?

Posted: Mon Apr 18, 2011 1:52 pm
by lorddeebo
can I send you the files? of colour and common because I added the picture and it's still not coming up

Re: Adding Background images?

Posted: Mon Apr 18, 2011 2:03 pm
by Richazey
Yep your sure can also did you refresh you theme and purge your cache?

Re: Adding Background images?

Posted: Mon Apr 18, 2011 6:44 pm
by lorddeebo
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

Re: Adding Background images?

Posted: Mon Apr 18, 2011 9:16 pm
by Richazey
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.

Re: Adding Background images?

Posted: Wed Apr 20, 2011 4:52 pm
by lorddeebo
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

Re: Adding Background images?

Posted: Thu Apr 21, 2011 10:09 am
by Richazey
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

Re: Adding Background images?

Posted: Thu Apr 21, 2011 9:02 pm
by lorddeebo
background-image: url("{T_THEME_PATH}/images/tag_2_bg.jpg") repeat; repeat-x repeat-y

like this?

Re: Adding Background images?

Posted: Thu Apr 21, 2011 9:36 pm
by Richazey
no like this:

Code: Select all

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

Re: Adding Background images?

Posted: Thu Apr 21, 2011 11:42 pm
by lorddeebo
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?

Re: Adding Background images?

Posted: Thu Apr 21, 2011 11:53 pm
by Richazey
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

Re: Adding Background images?

Posted: Sun Apr 24, 2011 1:25 am
by lorddeebo
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