How to change your background image.
Posted on June 14, 2007 - Filed Under Friendster Profile Customization |
How to create Friendster Transparent navigation box
1. Open your customization page, find your advance customization box!
2. Download your old CSS,.. save it in your disk.
3. Insert this CSS code part bellow the existing code :
Layout Code - Single Image Centered
/* PAGE BACKGROUND */
body {
background-image: url(http://www.freeza.nl/new/images/bleach.jpg);
background-repeat: no-repeat;
background-position: center center;
background-color: #ffffff;
}
/* PAGE BACKGROUND */
body {
background-image: url(http://www.freeza.nl/new/images/bleach.jpg);
background-position: center center;
background-color: #ffffff;
}
/* PAGE BACKGROUND */
body {
background-image: url(http://www.freeza.nl/new/images/bleach.jpg);
background-position: center center;
background-repeat: repeat-x;
background-color: #ffffff;
}
Layout Code - Tiled 1 Column Fixed
/* PAGE BACKGROUND */
body {
background-image: url(http://www.freeza.nl/new/images/bleach.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat-y;
background-color: #ffffff;
}
To make the background image scrollable just remove the option
background-attachment: fixed;
The options for background-position are as follows:
Top Left
Top Center
Top Right
Center Left
Center Center
Center Right
Bottom Left
Bottom Center
Bottom Right
Comments
Leave a Reply
You must be logged in to post a comment.