FORUMS: list search recent posts

Website background

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Tony SegarraWebsite background
by on Nov 1, 2010 at 8:28:00 pm

Hey all,

I'm in the process of designing a website. For most web pages i've visited in the past, when you scroll down, everything moves up on the screen. Including the background. I've seen a couple sites where the background image stays on-screen with only the text and other bits moving on. I would immensely appreciate it if someone were to give me some know-how on this.

Thanks!


Return to posts index

Fernando MolRe: Website background
by on Nov 2, 2010 at 1:11:02 am

<style type="text/css">
body
{
background-image:url('yourimage.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
</style>


Return to posts index

Fernando MolRe: Website background
by on Nov 2, 2010 at 1:12:56 am

Forget to say that I stole the code from here (saved me the hand code it):

http://www.w3schools.com/css/css_background.asp

As you see, is just a CSS definition that fixes the background image.

background-attachment:fixed;


Return to posts index


Tony SegarraRe: Website background
by on Nov 3, 2010 at 2:52:27 am

Thanks for that Fernando. But I can't seem to make it work. I'm still pretty new to this so I might be putting the code in the wrong area.


Return to posts index

Fernando MolRe: Website background
by on Nov 14, 2010 at 4:24:33 am

It goes inside the head tags.

You may want to read a little about CSS. There are a couple of tutorials here on the COW


Return to posts index

hassan shahabRe: Website background
by on Jun 30, 2011 at 9:03:46 pm

very nice keep it going

http://gulfesolutions.com/


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]