Stretch Background

Author Comment

Posts: 2

Hi,

I am trying to start my own page on yuku and I have uploaded a background picture for the site but it's tiled instead of one picture. How can I fix this please?

my page is: http://goe.yuku.com/

Thanks.

User avatar

Admin

Posts: 11073

G'day!

At the end of your CSS, you will find the following 2 lines:
body { background-image: url(http://images.yuku.com/image/jpg/d84264b65fc7337f2a7c9432c492c01a37dd948e_r.jpg); }

header.body { background-image: url(http://images.yuku.com/image/jpg/d84264b65fc7337f2a7c9432c492c01a37dd948e_r.jpg); }

Change these to:
body {
background-image: url(http://images.yuku.com/image/jpg/d84264b65fc7337f2a7c9432c492c01a37dd948e.jpg);
background-size:  100%;
}

header.body { background: transparent; }


Notes:
  1. You will note the image URL has been altered to remove the _r. This allows the original uploaded size to be used.
  2. The background-size attribute is what allows us to stretch the image to fit. Various ways this could be done.
  3. I removed the background from the header, to allow the body background to show through. (No horrible line/tile effect.)

Posts: 2

Thank you so much!

User avatar

Admin

Posts: 11073

You're welcome. :)

User avatar

Posts: 687

:D

Display posts from previous:  Sort by  



Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
Jump to:  
cron
Powered by phpBB® Forum Software © phpBB Group