How to Add a Background to Your Friendster Profile

Friendster is a social networking Web site that offers a wide range of profile customizations that allow users to share their unique personalities with others. Once you're a Friendster user, you can add photos, videos and music. Follow these steps to find out how to change your Friendster profile background.

Difficulty:

Easy

Instructions

Things You'll Need

• Computer with Internet access
• Friendster profile

Use CSS to Add a Background to Your Profile

1. Go to your profile. Click "Edit Profile," and then "Customize." Scroll down to the area that reads "Customize CSS." You can change the look of your profile by modifying its Cascading Style Sheets (CSS).

2. Enter your CSS code in the large text field. The division should be "body" and the arguments between the "{ }" symbols should be one of the following hyphenated commands followed by a colon [":"]: "background-image," "background-attachment," "background-position," "background-repeat" and "background-color."

3. Add a picture to your background with the "background-image" argument by specifying a URL for the image. Your code should read like the following example: "background-image: url(http://www.example.com/example.jpg)."

4. Dictate whether you want the background image to scroll or stay stationary with a "background-attachment" argument followed by a colon [":"] that looks like the following example: "background-attachment: fixed." By default, your background image will scroll unless you add this argument.

5. Position your background image by using the "background-position" argument by including a direction like the following example: "background-position: center center." The 9 positions available are: "top left," "top center," "top right," "center left," "center center," "center right," "bottom left," "bottom center" and "bottom right."

6. Control the repetition of the background image with the "background-repeat" argument followed by a colon [":"] like the following example: "background-repeat: no-repeat." By default, your image will repeat by both the x- and y-axis. Your options are: "no-repeat," "repeat-x" or "repeat-y."

7. Change the background color by using the "background-color" argument followed by a colon [":"] like the following example: "background-color: #ffffff." You can use basic color names, like white, gray and blue. You can also use hexadecimal HTML codes (see Resources below).

8. Click the "Save" button at the bottom of the page.

Update Your Background Using a CSS Generator

1. Scroll to the "Customize CSS" header and click the "Customize With CSS Editor" link. This will take you to "Michael's Friendster Profile Editor."

2. Look for the "Page Background" section and choose the parameters for your background, like its color, location and position.

3. Scroll down and click the "Generate Friendster Code" button. The CSS code will populate the "Friendster CSS Code" field.

4. Copy and paste the code into the "Customize CSS" field on your Friendster profile. Click the "Save" button at the bottom of the page.

Modify Your Profile Background Using the Included Skins

1. Sign in to your Friendster profile (see Resources below).

2. Click "Edit Profile."

3. Click on the "Customize" tab. You can view the pre-made skins included with Friendster.

4. Choose the selected skin and click the "Select" button beneath it. You can change the color palette of your profile as well as add a background.

Tips & Warnings

• Though it's not necessary, having some knowledge of CSS can make adding a background easier, and it will give you access to more advanced options.

• For answers to all of your Friendster questions, visit the Friendster's online FAQ's (see Resources below).

• Be aware that personal information you share while using Friendster services like Friendster Groups or on Friendster Blogs may be viewed by people who are not members of Friendster. Don't reveal information you don't want to become public.