Adding Background images?

lorddeebo · 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

jim 777 · 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 · 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 · 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 · 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 · 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 · 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 · 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 · 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 · 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 · 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 · 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 · 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 · 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 · 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

advertisements