Css Magic Layout Codes For Fan Profiles Only

/* FriendsterMagic - Friendster CSS Codes */


/* FriendsterMagic - body background */
body {
background: #000000;
background-attachment: fixed;
background-repeat: repeat-y;
background-image: url(URL_OF_IMAGE);
background-position: top center;
margin: 20px 0px 20px 0px;
}

/* FriendsterMagic - scrollbars */
body {
scrollbar-arrow-color: #35260E;
scrollbar-base-color: #1a1a1a;
scrollbar-dark-shadow-color: #1a1a1a;
scrollbar-track-color: #1a1a1a;}

/* FriendsterMagic - master text color */
body,td,tr,div,p {color:#ff3333;}

/* FriendsterMagic - master links */
body {cursor: url(URL_OF_CURSOR);}
a {cursor: url(URL_OF_CURSOR);}
a:link {color:yellow;text-decoration:none;}
a:visited {color:yellow;text-decoration:none;}
a:hover {
color:orange;
text-decoration:none;
border-bottom-style:dotted;
border-bottom-width:1 px;
border-top-style:dotted;
border-top-width:1 px;
background:"#E4D7B9";
}

/* FriendsterMagic - master headers */
.commonbox h1, .commonbox h2 { /*header*/
background-color: TRANSPARENT;
color: #6c2e16;
}
.commonbox .viewall { /*viewall link*/
text-transform: TRANSPARENT;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
background-color: TRANSPARENT;
}
.commonbox .dr { /*name bars below photo blocks*/
background-color: TRANSPARENT;
}
.commonbox .evenrow { /*even row*/
background-color: TRANSPARENT;
}

/* FriendsterMagic - personalize logo */
#navigation {
background: #000000;
border: 3px dashed #b06c47;
margin:10px 0 40px 0;
padding:260px 0 0 0;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}

/* FriendsterMagic - main navigation*/
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url(URL_OF_IMAGE) fixed no-repeat center; #000000;}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#000000; text-decoration:none; }
}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}

/* FriendsterMagic - remove top banner */
.banner_ad_fix{display:none;}

/* FriendsterMagic - remove logo */
#logo {display:none;background:transparent;}

/* FriendsterMagic remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}

/* FriendsterMagic - remove footer */
#footer_container {display: none;}
#footer {display: none;}

/* FriendsterMagic - hide HOW YOU CONNECTED box */
#15{display:none;background:transparent;}

/* FriendsterMagic - hide google ads */
#14{position:absolute;top:-5500px;}

/* FriendsterMagic - hide report abuse */
.reportabuse{display:none;}

/* FriendsterMagic - remove featured sponsor */
#marketing_bg{display:none;background:transparent;}

.commonbox { /*box*/
background-color: #000000;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right center;
border: #b06c47;
border-style: solid;
border-width: 3px;}

/*specific module boxes*/
#controlpanelbuttons a {color: #ff4400;
border-color: none;
border-style: inset;
background-color:transparent}

#controlpanelbuttons a:link {color: #ff4400;
border-color: none;
border-style: inset;
background-color: transparent;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;}

#controlpanelbuttons a:visited {color: #ff4400;
border-color: none;
border-style: inset;
background-color: transparent;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;}

#controlpanelbuttons a:hover {color: #FFFFDD; border-color: #006666; background-color: transparent;}

/* FriendsterMagic - photo gallery */
#1{ /*box*/
background-color: #5A5A3C;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: repeat;
background-position: top right;
border: #b06c47;
border-style: solid;
border-width: 3px;}


/* FriendsterMagic - one column fans list */
#7{ /*box*/
background-color: #000000;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center bottom;
border: #b06c47;
border-style: dotted;
border-width: 2px;
margin-left:0; margin-right:0; margin-top:-18px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:18px; padding-bottom:400px
}

.fanof div.boxcontent{width:100%;text-align:center;}
.fanof.flogrid75{text-align:center;width:75px;}
.fanof div.viewall a{text-align:center;width:100%;padding-left:20px;}

/* FriendsterMagic - more about me */
#6{ /*box*/
background-color: #000000;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #b06c47;
border-style: solid;
border-width: 3px;
}

/* FriendsterMagic - testimonial box */
.publiccomments div div .dtd{width:100%;}
#18{ /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background-color: #000000;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #b06c47;
border-style: solid;
border-width: 3px;}

/* FriendsterMagic - media box */
#10 {/*box*/
background-color: #000000;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #b06c47;
border-style: solid;
border-width: 3px;
}

/* FriendsterMagic -remove reviews, blogbox, groups */

/*blogs*/
#13{ /*box*/
display:none;
}

/*groups*/
#8
{ /*box*/
display:none;
}

/*review*/
#12{ /*box*/
display:none;
}


/* FriendsterMagic - remove shoutout */
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox { display:none; }
.controlpanel .sol {display:none;}
.controlpanel .sob {display:none;}

/* FriendsterMagic - remove more about me link */
.controlpanel a.more {display:none;}

/* FriendsterMagic - center profile info */
.controlpanel ul.data li {
text-align:center;
}

/* FriendsterMagic - center master headers text*/
.commonbox h1, .commonbox h2 { /*header*/
background-color: TRANSPARENT;
text-align:center;
color: #ffffff;
}

/*FriendsterMagic - resize fans box */
#7{margin:auto 50px auto auto;}

/*FriendsterMagic - first main table */
table#flo_wrapper {
margin: 20px auto 20px auto;
border: #ffffff;
border-style: ridge;
border-width: 5px;
background: transparent;
background-image: url(http://www.fileden.com/files/2006/11/9/ … dBruit.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
}

/*FriendsterMagic - second main table */
table#flo1t {
background: #000000;
background-image: url(http://www.walnet.org/help/bgtextures/bgsteel.jpg);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
padding: 30px;
margin: 5px 5px 5px 5px;
border: #ffffff;
border-style: ridge;
border-width: 5px;
}



/* FriendsterMagic - Scrolling Boxes */

/* FriendsterMagic - Scrolling friends box */
#content_2 {
padding: 0px 2px 2px 2px; overflow: auto;
border: 1px solid #800000;
width: 100%;
height: 100px;
text-align:center;
}

/* FriendsterMagic - Scrolling public comments box */
#content_18 {
padding: 2px 2px 2px 2px; overflow: auto; border: 1px solid #800000; width: 100%; height: 200px;
}

/* FriendsterMagic - Scrolling more about me */
#content_6 {
padding: 2px 2px 2px 2px; overflow: auto; border: 1px solid #800000; width: 100%; height: 200px;
}

/* FriendsterMagic - scrolling media box */
#scrapbook_10 {
padding: 2px 2px 2px 2px; overflow: auto; border: 1px solid #800000; width: 500px; height: 200px;
}

/* FriendsterMagic - REVERSE TABLES */

/* FriendsterMagic - reverse table*/
.l.ltd{position:relative;left:340px;}

/* FriendsterMagic - REMOVE FRIENDSTER LOGO AND NAVIGATION MENU*/

/* FriendsterMagic - remove friendster logo */
#navBar {display:none;}

/* FriendsterMagic - main navigation*/
#mainnav {
display:none;
}

/* FriendsterMagic - REMOVE UPDATE BOX */


/* Friendstermagic - Remove Update Box */
.user_tracker {display:none;}

or

/* FriendsterMagic - Personalize Recent Update Box */


/* FriendsterMagic - Personalize Recent Update Box */
.user_tracker {
font-size:10px;
font-family:Trebuchet MS;
font-weight:bold;
color:green;
background-color: #cceedd;
background-image: url(URL_OF_IMAGE_23x23px);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
border: #cceeff;
border-style: double;
border-width: 8px;
}

.user_tracker a {
font-size:10px;
font-family:Trebuchet MS;
font-weight:bold;
color:green;
background-color: #cceedd;
background-image: url(URL_OF_IMAGE_23x23px);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
border: #cceeff;
border-style: double;
border-width: 8px;
}

.user_tracker a:link {
font-size:10px;
font-family:Trebuchet MS;
font-weight:bold;
color:green;
}

.user_tracker a:visited {
font-size:10px;
font-family:Trebuchet MS;
font-weight:bold;
color:green;
}

.user_tracker a:hover {
font-size:10px;
font-family:Trebuchet MS;
font-weight:bold;
color:green;
}

/* FriendsterMagic - resize photo and removed white bground */


/* FriendsterMagic - resize photo and removed white bground */
.photos.flogridp {margin-left:10px;margin-right:0px;width:200px;}
.photos.flogridp .ir img {width:200px !important;height:150px !imporant;border:none;}
.photos.flogridp .ir {width:200px !important;height:150px !imporant;margin-top:5px;background-color:transparent;}
.flogridp .flogriditem {background:none;}

/* FriendsterMagic - resize and center fans photo */


/* FriendsterMagic - resize fans photo */
.fanof.flogrid75 .ir img {width:100px !important;height:100px !imporant;border:none;}
.fanof.flogrid75 .ir {width:100px !important;height:[color=blue]100px !imporant;margin-top:5px;background-color:transparent;}

/* FriendsterMagic - center fans photo */
.fanof.flogrid75 {margin-left: 0px;padding-right:0px !important;width:0px;}
.fanof.dr {display: none;}

you can also resize your photo just match each of the blue textabove.

nope, i just get that on website but not friendstermagic

^_^

tnx for sharing it....

no problem ^_^

tnx again

thanks for sharing this code..