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.

How to scale Background Image per user resolution!?

View previous topic View next topic Go down

How to scale Background Image per user resolution!?

Post by Khalus on April 2nd 2010, 1:06 pm

Hi, I'm looking for a CSS code to force the Background Image to scale with the users resolution, for multiple sizes. The background image I'm using now is 1920*1080, which I had to increase from 1600*1200, which is my resolution, because several frequent members of our forums run in 1920*1080 and the image was repeating on the right side for them. However now that I have it set to their resolution it gets cut off on the right for me.

In this image linked below I set the line where its cut off for me, and could be even worse for users with smaller resolutions.
Cave BG

Here rather soon I'm planning on creating a new BG Image, one that has multiple images set along the left and right side, that will fit in the space around the body and widgets of my forums. However with this issue, the images would be cut off and not set in unison properly with certain users and other visitor to our forums.

So please if someone knows how to fix the BG to change in resolution based on the user that would be excellent and I'd be most appreciative. Or if there is a way to set a 2nd BG image on top of the main one that is just around the body and widgets that would work too if possible!

Here are our forums, and I wish to keep the current width of our body and widgets at 77%.

Forgot to mention, I am running in PHPBB2!

Khalus
Forumember

Posts : 42
Reputation : 0
Language : English

Back to top Go down

Re: How to scale Background Image per user resolution!?

Post by splashyyy on April 12th 2010, 6:34 pm

yeah would like to know about that too , if someone knows something n to help , would be nice Smile

splashyyy
Forumember

Male Posts : 49
Reputation : 0
Language : english
Location : Oamaru

Back to top Go down

Re: How to scale Background Image per user resolution!?

Post by inkzero on May 2nd 2010, 5:08 pm


inkzero
New Member

Posts : 3
Reputation : 0
Language : English

Back to top Go down

Re: How to scale Background Image per user resolution!?

Post by The Fame Monster on May 2nd 2010, 7:18 pm

I also posted a topic asking the same question a few days ago.

Nobody has helped me at all.

The Fame Monster
Forumember

Male Posts : 38
Reputation : 0
Language : Francais&English
Location : England

http://hausoftyler.darkbb.com

Back to top Go down

Re: How to scale Background Image per user resolution!?

Post by Khalus on July 10th 2010, 6:13 am

Asking again...would really like to figure this out...I've found a few posts here of others figuring it out with CSS, but how they did it is not posted. If yoy know how to do this with CSS...please let me know.

I really need image scaling for up too 1920*1200 for our forums!~

Khalus
Forumember

Posts : 42
Reputation : 0
Language : English

Back to top Go down

Re: How to scale Background Image per user resolution!?

Post by mcoy on July 10th 2010, 6:50 am

Paste this code in your css Stylesheet


Code:

/* PAGE BACKGROUND */
body {
  background-image: url(http://i719.photobucket.com/albums/ww198/Khalus_Akuhei/Character-Art.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000000;
  cursor: ;
}

mcoy
Forumember

Posts : 132
Reputation : -3
Language : tagalog

Back to top Go down

Re: How to scale Background Image per user resolution!?

Post by Khalus on July 10th 2010, 7:23 am

Oh my goodness...I love ya! Been trying to figure this out for months, it works! Just had to make the BG image 1920*1200 and adjust the character art a little lower.

Thank You very very much!

Khalus
Forumember

Posts : 42
Reputation : 0
Language : English

Back to top Go down

Re: How to scale Background Image per user resolution!?

Post by Guest on July 10th 2010, 9:12 am

Cool, i was trying to figure this out too, i'll give that a try

Guest
Guest


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