Home Shows & Regulars Pages, Sites & Teams Events & Results News Photos Videos Games & Contests Members & Bio Pages More     

Facebook Activity

4011 active RS users in the past hour
 

Featured Live Webcasts




Full Live Webcast Schedule

Featured Pages, Sites & Teams More

Who's currently hot on RunnerSpace.com Hover over an image for more information
 
You must be logged in to see this section

Featured News More

The latest buzz from the running world Hover over an article for more information

Hot News this week

What's got people talking recently

Featured Albums More

All the latest action in photo form Hover over an album
 

Recent Photos More

The latest photos uploaded to the site
Hover over a photo for more information

Arcade Leaders More

Scores are reset monthly
MemberPts
 

Popular Games More

What's hot in the arcade
Flamingo Drive
Seal Bounce
Radial Snake
Albatross Overload
Cricket Food
Helicopter
Snipers
Penguin Bashing
Maeda Path
Roulette
 

Contests

Featured RunnerSpace Members Show All Members

Hover over a user for more information
Find Member: Find Athlete Bio:
 
You must be logged in to see this section
   
   
   

Member Login

Forgot your Password?
 
  
 
Upload a Photo Upload a Video Add a News article Write a Blog Add a Comment
Blog Feed News Feed Video Feed All Feeds

Folders

All (37)
 

Videos

 

Custom Background Tutorial - RunnerSpace.com

Published by
ross   on Jul 16 2008, 01:12 AM
 

How to change the background of your profile with CSS
To see the rest of the video tutorials, please go to our RunnerSpace Help Center.

Where To Go:
Go to "My Account"
Click on "Profile Design" below the Members tab on the navigation bar.
Scroll down to the bottom of the page to the CSS code box.

What To Do: Change Background to a Color
In the CSS code box copy and paste the following code:

body {
background-color: #123456;
}

To determine what color you want for your background, simply replace the 123456 above with the color code of the color you want. See the bottom of this tutorial for a way to find codes for virtually any color.

What To Do: Change Background to a Picture
In the CSS code box copy and paste the following code:

body {
background-image: url(http://www.example.com/picture.jpg);
}

To determine what picture you want for your background replace the web URL
(http://www.example.com/picture.jpg) with the URL, or web address, of the picture you want. Check out this site for some cool background pics:
http://www.wallpaperbase.com/

Options: Fixed Background Picture:
Sets the background image to fixed so it does not scroll with the rest of the page. In addition to the background-image code above, add in this line of code:

background-attachment: fixed;

The new code will look like this:

body {
background-image: url(http://www.example.com/picture.jpg);
background-attachment: fixed;
}

Options: Scolling Background Picture:
Sets the background image to scroll with the rest of the page. In addition to the background-image code above, add in this line of code:

background-attachment: scroll;

The new code will look like this:

body {
background-image: url(http://www.example.com/picture.jpg);
background-attachment: scroll;
}

If you have any trouble with this or have other questions, send us a message. We'll be happy to help you. 

You may also like these tutorials:
-Custom Menu bar Tutorial
-Custom Header Tutorial
-Custom Mouse Cursor Tutorial
-Custom Blocks - Youtube example Tutorial

Post to:  
Post as: 
2 comment(s)  
Coach Matt
how do you create a background picture that doesn't repeat?
Kaula
I cant figure out how to create a new background
History for RunnerSpace.com/Help
YearVideosNewsPhotosBlogs
2013   38    
2012 4   105  
2011 4      
2010 20      
2008 13   1 2