Friday, 2024-04-19, 2:22 AM
MaLuFeT Layouts
Main | NEW CSS MAGIC LAYOUT CODES FOR FAN PROFILES ONLY - 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 Fan Profiles » NEW CSS MAGIC LAYOUT CODES FOR FAN PROFILES ONLY
NEW CSS MAGIC LAYOUT CODES FOR FAN PROFILES ONLY
niloDate: Friday, 2008-11-07, 11:51 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.css

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

3. Generate ur URL.... get the latest working link here

http://www.friendstermagic.net/friends....m#49142

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

Here is the set of list for friendster CSS codes:

Code
/* 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/364700/FondBruit.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: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 text above.


 
Forum » Tips and Tricks » Friendster Non-CrossOver CSS Fan Profiles » NEW CSS MAGIC LAYOUT CODES FOR FAN PROFILES ONLY
  • Page 1 of 1
  • 1
Search:

Copyright MyCorp © 2024