Background image stretch

Quote

Post by Vivian » Sat Jun 26, 2010 12:39 am

Hi,

I am looking to place an image in the background of all pages.

I need it to stretch across the whole background without becoming blurry or distorted.

As I am a bit of a novice I would appreciate a little help, I have been searching around for a way to do it but I am unable.

Thanks in advance for any help that I get.

Vivian ;D
Last edited by i2Paq on Mon Jun 28, 2010 3:06 am, edited 1 time in total.
Reason: Topic moved
Vivian
New member
Posts
24
Joined
Tue May 18, 2010 9:36 am
Top

Re: Background image stretch

Quote

Post by JAY6390 » Sat Jun 26, 2010 12:45 am

Hi Vivian
This JQuery plugin might be of use to you
http://www.ajaxblender.com/bgstretcher- ... lugin.html
Looks pretty straightforward to integrate, just follow the instructions on the page

Image

User avatar
JAY6390
Guru Member
Posts
5086
Joined
Wed May 26, 2010 11:47 pm
Location - United Kingdom
Top

Re: Background image stretch

Quote

Post by Qphoria » Sat Jun 26, 2010 1:13 am

That might be a bit much.

You can just add
background: url('path/to/bgimage.jpg') no-repeat fixed transparent;

to the stylesheet under the body tag

Just be sure you start with a large enough image to fit... something like 750x650

Image

User avatar
Qphoria
Administrator
Posts
20056
Joined
Tue Jul 22, 2008 3:02 am
Top

Re: Background image stretch

Quote

Post by Vivian » Sat Jun 26, 2010 3:52 am

Hi,

Thanks guys I will give these a try and get back to you.

Vivian ;D
Vivian
New member
Posts
24
Joined
Tue May 18, 2010 9:36 am
Top

Re: Background image stretch

Quote

Post by carlos001 » Mon Jun 28, 2010 1:08 am

If you have a problems with a wide screens systems check my post.
carlos001
New member
Posts
64
Joined
Sat Oct 31, 2009 5:12 pm
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: Semrush [Bot] and 13 guests