Friendster Layout - Create CSS Layout

Page Background

Background Color

Image URL (e.g., 'http://www.domain.com/myimage.jpg')

Image Repeat
Image Position
Image Scroll?

Global Text

Text Font
Text Color
Text Transform

Global Links

Link Text Color
Link Text Decoration

Global Links - Hover

Link Hover Color
Link Hover Decoration

Master Boxes & Headers

Here you can change all the content boxes & box headers at the same time - whatever styles you choose below will be applied to
every single module box on your Friendster profile. If you wish to change the boxes individually, use the form fields in the section named "Individual Boxes".

Make All Boxes Transparent

Master Boxes BG Color
Master Boxes Border Color

Border Size
Border Style

Box Alternate Rows BG Color

Master Headers Font
Master Headers Color

Master Headers BG Color
Text Transform

Control Panel

This is the main box at the top of your profile - the one with the large photo of you, your data (Profile Views, Location, Hometown,
Company, Your URL, etc) and the control panel buttons (Send Message, Send a Smile, Add Testimonial, etc.)

Control Panel Box BG Color
Control Panel Box Border Color

Border Size
Border Style

User Photo Border Color
Border Style

Data Labels Font
Data Labels Color
Text Transform

Data Text Font
Data Text Color
Text Transform

Data Link Font
Data Link Color
Text Transform

'More About Me' Font
'More About Me' Color
Text Transform

Panel Buttons Color
Panel Buttons BG Color

Panel Buttons Border Color
Panel Buttons Border Style

Panel Buttons Hover Color


Panel Buttons Hover BG Color


Panel Buttons Hover Border Color

Individual Boxes

If you select 'Use Custom Values' in the above dropdown, you can change the look of all the individual content boxes - like the
Photo Gallery, More About Me, My Blogs, My Testimonials, etc. These styles will then override the styles you have set for the "Master Boxes & Headers" above.

'More About Me' BG Color
'More About Me' Border Color
Border Size
Border Style

'My Photo Gallery' BG Color
'My Photo Gallery' Border Color
Border Size
Border Style

'My Friends' BG Color
'My Friends' Border Color
Border Size
Border Style

'My Videos' BG Color
'My Videos' Border Color
Border Size
Border Style

'My Groups' BG Color
'My Groups' Border Color
Border Size
Border Style

'My Testimonials' BG Color
'My Testimonials' Border Color
Border Size
Border Style

'Testimonial Comments' BG Color
'Testimonial Comments' Border Color
Border Size
Border Style

'My Scrapbook' BG Color
'My Scrapbook' Border Color
Border Size
Border Style

'Fan Of' BG Color
'Fan Of' Border Color
Border Size
Border Style

'My Fans' BG Color
'My Fans' Border Color
Border Size
Border Style

'My Reviews' BG Color
'My Reviews' Border Color
Border Size
Border Style

'My Blogs' BG Color
'My Blogs' Border Color
Border Size
Border Style

'My Blog Reviews' BG Color
'My Blog Reviews' Border Color
Border Size
Border Style

Misc

In the Misc-section you'll find the styles for the small photo thumbnails (in 'My Friends' and 'My Testimonials'), the names below the
small photo thumbnails and also for the global 'View All'-links. Switch the dropdown above to change these styles.

'View All' Link Font
'View All' Link Color
Text Transform

Small Photos BG Color
Small Photos Border Color
Border Size
Border Style

Small Photo Names Font
Small Photo Names Color
Small Photo Names BG Color
Text Transform

Generate Friendster Profile Code

Friendster CSS Code

Don't Change | Default Friendster Color | Transparent

CSS GENERATOR