How Can I modify my Profile

Click>>> My Profile>>> Edit Page Appearance to chose a different theme. Click on apply Crossoverprofiles’s Theme. Now go to Theme setting, Here you could customize the Header & Navigation, Text, and Page.

For advance user’s who knows CSS

If you know CSS you can change your page on a more detailed level. It requires a bit of time and sleuthing though to figure out what CSS style is attributed to what element before you can change it.

Here is a sample CSS you can try them and change the onces colored RED

TABS!

#xg_body {
background-color:transparent;
}
/* Dashed Boxes for Navigation */
#xg_navigation {
height:1%;
margin-top:0em; margin-bottom:0.5em;
}
#xg_navigation ul li a,
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover {
background:url(http:of your image/background) repeat-x;
border:1px solid #A9618f;
color:#A9618f;
}
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover {
background:url(http:of your image/background) repeat-x;
border:1px solid #C8E7F6;
color:#C8E7F6;
}

This part of the code is changing the background on the tabs, remember on step 4 I explaned that I'd teach you how to do this? Well here it is, the links, just remove them and make your own, the colors, are the border and the font colors on the tabs.

#xg_navigation ul li a,
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover {
background:url(http:of your image/background) repeat-x;
border:1px solid #A9618f;
color:#A9618f;
}

This part is the main tab color.

#xg_navigation ul li.this a,
#xg_navigation ul li a:hover {
background:url(http:of your image/background) repeat-x;
border:1px solid #C8E7F6;
color:#C8E7F6;
}

This is the hover tab color...

BOXES

/* Feature Boxes */
.xg_module_body,
.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,
ul.page_tabs li.this {
background-repeat:repeat-x;
border-top:1px solid #C8E7F6;
border-bottom:1px solid #C8E7F6;
}
#xg_module_account .manage {
border-style:solid;
}
.xg_module_foot {
border-top:0 none;
margin-top:-2px;

This code is the table boxes.
Title bars

/* Feature Box: Titlebars */
.xg_module_head {
background:transparent url(http:of your image/background);
}

This changes the image of your title bars.

/* Footer */
#xg_foot {
padding-top:12px;
background:transparent url(http:of your image/background) repeat!important;
}

Using an image as a page background

body { background:url(http://of your background);background-color: #000;background-attachment: fixed;background-position: bottom;background-repeat: no-repeat;}

Making everything transparent
Here's the CSS you can use to make the rest of my network transparent, except for modules:

#xg { background:transparent !important; }
#xg_body { background:transparent !important; }

Giving the modules an image background
And the CSS I used to give the CSS a background:
.xg_module { background:url(http:of your image); }
.xg_module .xg_module_head { background:#000; color:#fff; }
.xg_module .xg_module_body { background:transparent !important; color:#fff; }

ALL modules to be transparent
And the CSS you used to make the modules transparent:
.xg_module { background: transparent !important; }
.xg_module .xg_module_head { background:#000; color:#fff; }
.xg_module .xg_module_body { background:transparent !important; color:#fff; }