| |
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.
Instructions
Difficulty : Easy
Things You’ll Need:
- Computer with Internet access
- Friendster profile
Use CSS to Add a Background to Your Profile
Step1
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).
Step2
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." Step3
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)."
Step4
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.
Step5
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."
Step6
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."
Step7
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).
Step8
Click the "Save" button at the bottom of the page.
Update Your Background Using a CSS Generator
Step1
Scroll to the "Customize CSS" header and click the "Customize With CSS
Editor" link. This will take you to "Michael's Friendster Profile
Editor."
Step2
Look for the "Page Background" section and choose the parameters for
your background, like its color, location and position.
Step3
Scroll down and click the "Generate Friendster Code" button. The CSS code will populate the "Friendster CSS Code" field.
Step4
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
Step1
Sign in to your Friendster profile (see Resources below).
Step2
Click "Edit Profile."
Step3
Click on the "Customize" tab. You can view the pre-made skins included with Friendster.
Step4
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.
|
| | Posted 7/27/2008 12:15 AM - 31 Views - 0 eProps - 0 comments
- recommend
  - recs0
- share
- email
 - sent0
|
