Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > how do I make the Background image scroll
539353019_Inactive (New Admin) 7/6/2008 5:12 PM EST : how do I make the Background image scroll

539353019_Inactive
Posts: 5
Getting Started!

Curious how you make the background image scroll with the page, i have an image that is 1280x1024 but it cuts off at the bottom and theres a nice grey area at the bottom. I just want it to scroll with the page. ty
TopBottom

Mottie (MVP) 7/7/2008 3:45 AM EST : RE: how do I make the Background image scroll
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

I'm guessing someone else added the image using CSS, because the background image added from the page styles page in the control panel doesn't have that option.

Look in your CSS for something like:
body {
 background-image: url (http://.....myimage.jpg);
 background-attachment: fixed;
}

or

body {
 background: url(http://.....myimage.jpg) fixed;
}
delete just the "fixed" or change it to "scroll"

If this doesn't work, please post a link to your site so we can better help you 
TopBottom

539353019_Inactive (New Admin) 7/7/2008 7:37 AM EST : RE: how do I make the Background image scroll

539353019_Inactive
Posts: 5
Getting Started!

i tried that, and instead of scrolling, it makes a vertical tiling heres a link to the site, trieing to get this sorted before i give it out to any of the guildies. http://www.guildportal.com/Guild.aspx?GuildID=267912&TabID=2249721
TopBottom

Mottie (MVP) 7/7/2008 8:20 AM EST : RE: how do I make the Background image scroll
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Well, that's all you can do. Tiling the background image vertically and horizontally.

You can't make the browser scroll right and left while scrolling up and down with the text. Or maybe I just don't understand exactly what you want.
TopBottom

539353019_Inactive (New Admin) 7/7/2008 8:28 AM EST : RE: how do I make the Background image scroll

539353019_Inactive
Posts: 5
Getting Started!

I basicly want the background image to scroll down with the page, basicly making the image stay put while you scroll.  I dont want the image to cut off and show a grey background but i dont want it tiled, hope that better explains the question.
TopBottom

Mottie (MVP) 7/7/2008 10:04 AM EST : RE: how do I make the Background image scroll
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Ok, your wording is still confusing to me, you can't have a background image scroll and be fixed at the same time. I think you're saying you want your background image to stay put while the text scrolls over it? I'm also guessing you're saying that the image isn't tall enough to fit on your screen. By the way, your background takes up my whole browser window - I run my monitor at 1280x1024 with my browser window slightly smaller - and therefore I don't see the grey area that you see.

So I guess you can resize your original image to make it taller and/or change your background color to match the bottom of the image. Fix the image in place to prevent it from scrolling. To keep the image from repeating, just add "no-repeat" to the CSS:

body {
 background: #101008 url(http://i213.photobucket.com/albums/cc183/darkcloud784/WoWScrnShot_070608_223003-2.jpg) fixed no-repeat;
}

I would also recommend making your background image a little darker so your text is readable if you don't plan on using any content box borders.
TopBottom

539353019_Inactive (New Admin) 7/7/2008 11:25 AM EST : RE: how do I make the Background image scroll

539353019_Inactive
Posts: 5
Getting Started!

yea i want the background image to stay put while the text goes over it basicly, which is a scroll feature in regular html, i couldnt add it via html because its only CSS compatible.  I also run my resolution at 1280x1024, i see the grey part at the bottom when i scroll down to view the rest of the text.
TopBottom

539353019_Inactive (New Admin) 7/7/2008 11:27 AM EST : RE: how do I make the Background image scroll

539353019_Inactive
Posts: 5
Getting Started!

thx alot, that script you gave me solved my issue.
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%