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.

Background Picture Edge Location

View previous topic View next topic Go down

In progress Background Picture Edge Location

Post by Cineworks on March 31st 2015, 1:31 am

Technical Details


Forum version : phpBB2
Position : Member
Concerned browser(s) : Google Chrome
Screenshot of problem :
Who the problem concerns : Yourself
When the problem appeared : During creation
Forum link : http://atgo.forumotion.com

Description of problem

Hi all,

I'm using the MG Black Green Skin from Hitskin.
I've uploaded a background picture image to fill the right and left borders. The image is wider than the border, which it fills. The left border works fine. The image fills the border from right to left and tiles vertically without being noticed. But the image edge is directly in the middle of the right border. I've uploaded several sizes of background image, but the edge seems to always be in the center. And it looks terrible. I know I could make a more homogeneous image to make the edge disappear, but isn't there a way to space it so that the image fills the entire width of the boarder?
[img][/img]
Thanks for the help.

Cineworks
New Member

Posts : 12
Reputation : 1
Language : English

http://atgo.forumotion.com

Back to top Go down

In progress Re: Background Picture Edge Location

Post by Ange Tuteur on April 2nd 2015, 9:38 am

Hi @Cineworks,

From my view it appears to display fine. Have you fixed it ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Background Picture Edge Location

Post by Cineworks on April 2nd 2015, 11:09 pm

Thanks for the post Ange,

I fixed it for the time being by using a more homogenous image.
But the issue remains.
I would like to know how to control the placement of the tiled (correct term?) background image.
Any ideas?
BTW, I love this site! I had no idea how easy it was to create a forum. Of course, making it perfect will take a bit more work and help...

Cineworks
New Member

Posts : 12
Reputation : 1
Language : English

http://atgo.forumotion.com

Back to top Go down

In progress Re: Background Picture Edge Location

Post by Ange Tuteur on April 3rd 2015, 6:45 pm

You can use CSS to manipulate the background image.
( Display > Colors > CSS stylesheet )

Here's a few examples.

This stops the background from repeating :
Code:
body {
  background-repeat:no-repeat; /* stops tiling */
}

This stretches the background image :
Code:
body {
  background-size:cover;
}

This can fix the background image in place :
Code:
body {
  background-attachment:fixed;
}

You can over course fit all these into one single code. For example, no repeat and bg size :
Code:
body {
  background-repeat:no-repeat; /* stops tiling */
  background-size:cover;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Background Picture Edge Location

Post by Cineworks on April 7th 2015, 10:23 pm

Great,

Thanks Ange. Exactly what I need.

Cineworks
New Member

Posts : 12
Reputation : 1
Language : English

http://atgo.forumotion.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