Log In · Register

 
 
Closed TopicStart new topic
backround scroll
indieshh
post Jun 6 2007, 01:52 PM
Post #1


Senior Member
***

Group: Member
Posts: 62
Joined: Jan 2006
Member No: 347,294



i have a backround a backround thats big enough for the first half of my mypspace, but when you scroll down it restarts another image of the backround

how can you like scroll down and it will still be the same image no matter how far you scroll down?
 
cori-catastrophe
post Jun 6 2007, 01:54 PM
Post #2


hardxcore.
******

Group: Member
Posts: 1,223
Joined: Nov 2006
Member No: 479,494



i don't really understand what you're asking.
do you want a tiled backround?
 
indieshh
post Jun 6 2007, 02:05 PM
Post #3


Senior Member
***

Group: Member
Posts: 62
Joined: Jan 2006
Member No: 347,294






you see how the image like starts again?
well how can you make it so like when you scroll down the whole image just scrolls with it
so it doesnt restart over
 
YourSuperior
post Jun 6 2007, 02:09 PM
Post #4


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



You background isn't big enough for that to happen. It needs to be bigger for it to scroll down, without restarting. You could always tile you background ya know?
 
indieshh
post Jun 6 2007, 02:13 PM
Post #5


Senior Member
***

Group: Member
Posts: 62
Joined: Jan 2006
Member No: 347,294



isnt there a code that when you scroll the image goes with it?
so the backround is the same anywhre you scroll on the page?

i want to get rid of the tiles lol
 
speakerboxx123
post Jun 6 2007, 02:25 PM
Post #6


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167



no there isn't...like Maestro said, your image isnt big enough for it to not start over...
 
indieshh
post Jun 6 2007, 02:34 PM
Post #7


Senior Member
***

Group: Member
Posts: 62
Joined: Jan 2006
Member No: 347,294



well what if i did find an image big enough?
and im pretty sure the image is big enough, without scrolling down, the image fills the whole backround, its just when you scroll down again it restarts.
so in alll there are two of the same images on my page.
 
YourSuperior
post Jun 6 2007, 03:03 PM
Post #8


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



If you did find an image that is big enough for it to not start over, then you'd use the code below:

CODE
<style type="text/css">
body{
background-image: url("PUT YOUR BACKGROUND URL HERE");
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;}
</style>


But the image that you have in your background is not big enough, because if it was then it wouldn't start over again when you use the scroll code.
 
FoxLucky
post Jun 7 2007, 12:36 AM
Post #9


So um yeah
*****

Group: Official Designer
Posts: 745
Joined: Aug 2006
Member No: 459,873



I recognize that background tongue.gif

I'm not sure if this is what you are talking about but try this code:

<style type="text/css">
body{background-image:url("http://img221.imageshack.us/img221/9254/beachtestmm8.jpg");
background-attachment:fixed;
background-position: bottom center;
background-repeat: no-repeat;}
</style>
 
*alovesopure*
post Jun 7 2007, 12:40 AM
Post #10





Guest






^ Please don't post in the help threads unless you are contributing to the topic at hand. Thanks. _smile.gif
Nvm, you edited.
 
FoxLucky
post Jun 7 2007, 12:44 AM
Post #11


So um yeah
*****

Group: Official Designer
Posts: 745
Joined: Aug 2006
Member No: 459,873



QUOTE(alovesopure @ Jun 7 2007, 01:40 AM) *
^ Please don't post in the help threads unless you are contributing to the topic at hand. Thanks. _smile.gif


Sorry I forgot the last half of my post, I edited before I saw what you said LOL
 
YourSuperior
post Jun 7 2007, 09:09 AM
Post #12


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



QUOTE(FoxLucky @ Jun 7 2007, 12:36 AM) *
I recognize that background tongue.gif

I'm not sure if this is what you are talking about but try this code:

<style type="text/css">
body{background-image:url("http://img221.imageshack.us/img221/9254/beachtestmm8.jpg");
background-attachment:fixed;
background-position: bottom center;
background-repeat: no-repeat;}
</style>

See, now this would work, because the background is larger, and it fits the whole screen so I advise you to use the code she provided. Now you can use the scroll code, and the background shouldn't start over.
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: