Thursday, 2024-03-28, 3:36 PM
MaLuFeT Layouts
Main | CSS LAYOUT CODES 7th Edition - Forum | Registration | Login
[ New messages · Members · Forum rules · Search · RSS ]
  • Page 1 of 1
  • 1
Forum moderator: malufet  
Forum » Tips and Tricks » Friendster Non-CrossOver CSS Profiles » CSS LAYOUT CODES 7th Edition
CSS LAYOUT CODES 7th Edition
niloDate: Friday, 2008-11-07, 7:07 AM | Message # 1
Colonel general
Group: ML` Members
Messages: 15
Reputation: 4
Status: Offline
This is the better way to sort your friendster CSS codes.

INSTRUCTIONS:

1. In a NotePad, save this code as myfile.txt

2. Upload it to any web hosting site and get the direct url of your myfile.css

3. Generate your css url using CSS Generator

4. Copy and paste the generated url and paste it on your "Who I Want to Meet" section.

NOTICED: ALWAYS RE-PASTE YOUR CODES EVERY TIME THAT YOU WILL ADD A NEW ONE

Codes here:

Code
/* FriendsterMagic - Friendster CSS Codes */
/*by MaluFeT- PROUD TO BE RSL*/

/* 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 - first main table */
table#flo_wrapper {
margin: 20px auto 20px auto;
border: #ffffff;
border-style: ridge;
border-width: 5px;
background: transparent;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
}

/*FriendsterMagic - second main table */
table#flo1t {
background: #000000;
background-image: url(URL_OF_IMAGE);
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;
}

table#flo1t td.ltd {
padding:20px 20px 5px 20px;
}
table#flo1t td.rtd {
padding:20px 20px 5px 20px;
}

/* 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 navigation language */
#navLang {visibility:hidden!important}

/* 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 */
#meettrail{display:none;background:transparent;}

/* FriendsterMagic - hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
#14 {display:none!important;}

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

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

/* FriendsterMagic - remove find friends */
div #mainnav div div {display:none;}

.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;}

/* FriendsterMagic - 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 */
.photos { /*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 friends list */
.friends { /*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
}

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

/* FriendsterMagic - more about me */
.moreabout { /*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 - bullets in more about me*/
.usercontent .q{
background: url(URL_OF_IMAGE)
no-repeat left;   
padding: 0 0 0 20px;}

/* FriendsterMagic - testimonial box */
.testimonials div div .dtd{width:100%;}
.testimonialscomments { /*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 */
.scrapbook { /*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 fans, reviews, blogbox, groups */
.myfans { /*box*/
display:none;
}

.reviews { /*box*/
display:none;
}

.blogs { /*box*/
display:none;
}

.fanof { /*box*/
display:none;
}
.groups { /*box*/
display:none;
}

.blogsreviews { /*box*/
display:none;
}
.videos { /*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 friends box */
#friends_2_2 {margin:auto 50px auto auto;}

/* FriendsterMagic - public comments */
#comments_18 {
background-color: #000000;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #808080;
border-style: ridge;
border-width: 5px;
}

/* FriendsterMagic - Scrolling Boxes */

/* FriendsterMagic - Scrolling friends box */
.friends div.boxcontent {
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 */
#content_10 {
padding: 2px 2px 2px 2px; overflow: auto; border: 1px solid #800000; width: 500px; height: 200px;
}

/* FriendsterMagic - REVERSE TABLES */

/* FriendsterMagic - reverse friends, ads, fans boxes */
.friends { float: left !important; position:relative;right:550px; }
#ads_2_3 {float: left !important; position:relative;right:550px;}
.fanof { float: left !important; position:relative;right:550px; }
.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 friends photo */

/* FriendsterMagic - resize friend photo */
.friends.flogrid75 .ir img {width:100px !important;height:100px !imporant;border:none;}
.friends.flogrid75 .ir {width:100px !important;height:100px !imporant;margin-top:5px;background-color:transparent;}

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

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

coded by:MaLuFeT
From:Friendster Magic biggrin :D




Message edited by nilo - Friday, 2008-11-07, 7:14 AM
 
Forum » Tips and Tricks » Friendster Non-CrossOver CSS Profiles » CSS LAYOUT CODES 7th Edition
  • Page 1 of 1
  • 1
Search:

Copyright MyCorp © 2024