Friendster Premade Layouts


 
HomePortalCalendarGalleryFAQSearchRegisterMemberlistUsergroupsLog in
Log in
Username:
Password:
Log in automatically: 
:: I forgot my password
Latest topics
» ןנמדנאלל
8/2/2011, 23:49 by Guest

» x-Hack hack you
7/30/2011, 18:23 by Guest

» hide message
4/8/2009, 18:59 by jhayz

» GREETINGS
2/20/2009, 15:46 by jess_spyline

» Linker codes
1/20/2009, 23:37 by hansjovy

» POSTING LINKERS IN APPS
1/18/2009, 01:07 by hansjovy

» guys ok na po pwedi na kayong mag generate ng code nyo
1/17/2009, 14:13 by hansjovy

» Codes Linker
1/16/2009, 22:34 by hansjovy

» Hello guys!!!!!
1/12/2009, 05:35 by meaboo

» guys friendster update again...
1/11/2009, 15:20 by hansjovy

» Merry Christmas po sa lahat
12/14/2008, 02:43 by mizz_greeny

» merry christmas!!
12/6/2008, 11:55 by rosze_salley

» "Advance greetings of mine"
12/3/2008, 18:20 by lei

» Hello po sa lahat
10/31/2008, 07:36 by mizz_greeny

» Happy b'day sa lahat ng may kaarawan ngayon...
10/1/2008, 21:11 by hansjovy

» Happy birthday Ate Mira
10/1/2008, 21:07 by hansjovy

» weee.Miss u guYZ!
9/8/2008, 17:52 by lei

» hi
8/23/2008, 10:52 by Guest

» gud eve 2 ol
8/12/2008, 13:27 by lei

» Hello!
8/7/2008, 18:00 by darksoulsilent

Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search
Welcome
A place where we can make friends,share and costumize our Friendster profile.Just click the FORUM button at the top left to navigate the premade layouts.This is a Private Forum,Please REGISTER if you are not yet a Member.
Time and Date
Search
 
 

Display results as :
 
Rechercher Advanced Search
Poll
Top posters
jushart
 
meaboo
 
FreYaH
 
mizz_greeny
 
coline089
 
rica-anamae
 
hershey
 
nimiel
 
almahiroshi
 
merjessa
 

Share | 
 

 CSS Codes

Go down 
AuthorMessage
jushart
Founder
Founder
avatar

Female
Number of posts : 508
Age : 38
Location : South Korea
Humor : ***aim high***
My Mood Today : 0
Registration date : 2007-12-01

PostSubject: CSS Codes   6/22/2008, 14:36

Here's the complete codes in creating your own layout.As of today,I will not accept any Request.

First,study carefully the Tutorials on How to get your RIPWAY or any web hosting site DIRECT URL LINK.EDIT ONLY THE "YOUR BACKGROUND IMAGE URL HERE","YOUR CURSOR URL HERE","YOUR IMGE URL HERE",THE COLOR OF YOUR BORDER AND FONTS...
YOU MAY GO :CLICK THIS -->FOR THE COLOR CHART



Layout CSS Codes

/*PAGE BACKGROUND */
body {
background-image: url(YOUR BACKGROUND IMAGE URL HERE);
background-attachment: fixed;
background-repeat: repeat;/*NO-REPEAT IF YOUR IMAGE IS TOO BIG*/
background-position: center center;/*BOTTOM,TOP,LEFT OR RIGHT*/
background-color: transparent;
}

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

/*center More About info */
#content_6 {
text-align:center;
}

/* master text color */
body,td,tr,div,p {font-family: ARIAL /*TIMES NEW ROMAN,VERDANA OR ANY FONTS THAT YOU LIKE*/;color:#6666cc;font-size:15px;style:italic;}


/*center master headers text*/
.commonbox h1, .commonbox h2 { /*header*/
font-color: #6666cc;
font-size: 15px;
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-attachment: scrollable;
background-repeat:no-repeat;
background-position: center center;
border-color: #0066ff;
border-width: 3px;
border-style: dotted;
text-align: center;
}

/* VIEWALL */
.viewall {
font-family: Tahoma;
color: #6666cc;
background-color: transparent;
background-image:url(YOUR IMGE URL HERE);
background-position: center center;
text-align: center;
border-color: #0066ff;
border-style: dotted;
border-width: 3px;
}

/* scrollbars */
body {
scrollbar-arrow-color: #6666cc;
scrollbar-base-color: #0066ff;
scrollbar-dark-shadow-color: #6666cc;
scrollbar-track-color: #00000;
}


/* master links */
body {cursor: url(YOUR CURSOR URL HERE);}
a {cursor: url(YOUR CURSOR URL HERE);}
a:link {font-size: 15px;color:#6666cc;text-decoration:none;}
a:visited {color:#0033ff;text-decoration:none;}
a:hover {
color:#6666cc;
text-decoration:underline;
border-bottom-style:dotted;
border-bottom-width: 5px;
border-top-style:dotted;
border-top-width: 5px;
background:url(YOUR IMGE URL HERE);
}

/* main navigation*/
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width: 100%;
font-color: #6666cc;
font-size: 15px;
font-weight: bold;
background-color: transparent;
background-image: url(YOUR IMGE URL HERE);
background-attachment: fixed;
background-repeat:repeat;
background-position: center;
}
#mainnav a { border-width:5px; border-style:dotted; border-color:#0066ff; width:60px; font-size:15px; text-decoration:none!important; color:#6666cc!important; }
#mainnav span, #mainnav_left, #mainnav_right {display:none!important;}

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

/* photo gallery */
.photos { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
}
/* grid layouts */
.flogrid75, .flogridp { zoom: 1; }
.flogrid75:after, .flogridp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.flogrid75, .flogrid50 { margin-right: 5px; margin-left: 5px; }
.flogridp { margin-right: 5px; margin-left: 5px; }
.flogriditem { float: left; display: inline; margin-top: 5px; margin-right: 5px; margin-bottom: 15px; margin-left: 5px;}
.flogridp .flogriditem { margin-top: 5px; margin-right: 5px; margin-bottom: 15px; margin-left:5px; width: 110px; height: 110px; background: url(YOUR IMGE URL HERE) repeat; }
.flogrid75 .flogriditem { width: 100px; }
.ir {
background: transparent;
text-align: center;
overflow: hidden; }
.dr { text-align: center; background: #66cccc; padding: 3px 0; border-top: 2px dotted #009966; }
.flogridp .ir { width: 150px; height: 150px;}
.flogridp .ir img { margin: 0 auto; height: 150px; }
.flogrid75 .ir { width: 150px; height: 150px; }
.flogrid75 .ir img { margin: 0 auto; height: 150px; }

/* one column fans list */
.fans { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:0px
}
.fans div.boxcontent{width:100%;text-align:center;}
.fans.flogrid75{text-align:center;width:100px;}
.fans div.viewall a{text-align:center;width:100%;padding-left:0px;}

/* one column friends list */
.friends { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:0px
}
.friends div.boxcontent{width:100%;text-align:center;}
.friends.flogrid75{text-align:center;width:100px;}
.friends div.viewall a{text-align:center;width:100%;padding-left:0px;}

/* FRIENDS NAMES */
.commonbox .dr { border:3px dotted #0066ff; background:url(YOUR IMGE URL HERE) scroll center 100%; margin:0px;0px;padding:5px;width:150px;
}

/* TESTIMONIALS IMAGES */
.commonbox .imgblock75 { background-image:url(YOUR IMGE URL HERE); width:120px; height:100px;image-align:center;border: 3px;padding: 5px;
border-style: dotted;
border-color: #0066ff;
border-width:5px;
background-attachment:fixed;
background-position:center; background-repeat:repeat;
}

/* PHOTOBLOCKS */
.ir { background-image:url(YOUR IMGE URL HERE); width:120px; height:110px;
background-attachment:fixed;
background-position:center; background-repeat:repeat;}

/* common box */
.commonbox { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/*specific module boxes*/
#controlpanelbuttons a {color: #6666cc;
border-color: #0066ff;
border-style: dotted;
background-color: transparent;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/* MAIN */
.controlpanel .q {
background: url(YOUR IMGE URL HERE) no-repeat center left;
padding: 10 0 5 45px;}
/* MORE ABOUT */
.usercontent .q{
background: url(YOUR IMGE URL HERE) no-repeat left;
padding: 10 0 5 40px;}

#controlpanelbuttons a:hover {font-color: #6666cc; border-color: #0066ff; background-color: #0066ff;
}

/* controlpanel */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Georgia, Times New Roman, Times, serif;
color: #6666cc;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image: url(YOUR IMGE URL HERE);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-color: transparent;
}
#controlPanelButtons a:hover {
font-family: Georgia, Times New Roman, Times, serif;
color: #6666cc;
border-color: #0066ff;
border-style: dotted;
border-width: 3px;
background-image: url(YOUR IMGE URL HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
text-decoration: underline;
}


#controlpanelbuttons a:hover {background:transparent url(YOUR IMGE URL HERE); color: #6666cc; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border-left-color:border-style; border-left-width:3px; border-right-color:border-style; border-right-width:3px; border-top-color:#0066ff; border-top-width:3px; border-bottom-color:dotted; border-bottom-width:3px; background-color:#0066ff;}


/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
background-color: transparent;
background-image: url(YOUR IMGE URL HERE);
background-position: center center;
background-attachment: fixed;
background-repeat: repeat;
border-color: #0066ff;
border-style: double;
border-width: 10px;
padding-left: 15px; padding-right:15px; padding-top:15px; padding-bottom:15px;
margin-left:0; margin-right:0px; margin-top:0; margin-bottom:0px;
}


/* resize photo and removed white bground */
.photos.flogridp .ir img {width:100px !important;height:100px !important;}
.photos.flogridp .ir {width:100px !important;height:100px !important;margin:5px 5px 5px 5px;border:#0066ff solid;background-color:transparent;}
.flogridp .flogriditem {background:url(YOUR IMGE URL HERE);
}


/* more about me */
.moreabout { /*box*/
font-color: #6666cc;
font-size: 15px;
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}


/* public comments */
#publiccomments_1_7 {
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}
.publiccomments div div .dtd ul { padding: 2px 2px 2px 2px; overflow: auto; border: 5px dotted #009966; width:450px; height:auto; background-image: url(YOUR IMGE URL HERE); background-position: center; background-repeat: repeat; }


/* media box */
.scrapbook { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/* review box*/
.reviews { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
font-size: 14px;
color: #6666cc;
background-color: transparent;
background-image: url(YOUR IMGE URL HERE);
background-position: center center;
background-repeat: repeat;
border-style: dotted;
border-color: #0066ff;
border-width: 5px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: 'Verdana !important;
font-size: 14px !important;
font-weight: normal !important;
color: #6666cc !important;
text-decoration: none !important;
}
.user_tracker a:hover {
font-family: 'Verdana !important;
font-size: 14px !important;
font-weight: bold !important;
color: #6666cc !important;
text-decoration: underline !important;
}

.controlpanel .so, .minicontrolpanel .so {
width: 257px; position: relative;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-color: transparent;
border-color: #0066ff;
border-style:dotted;
border-width: 5px;
font-color: #6666cc !important;
font-weight: bold; margin-left:0; margin-right:0px; margin-top:0; margin-bottom:10px }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background-image: url(YOUR IMGE URL HERE);
background-repeat: repeat;}
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px;
background:url(YOUR IMGE URL HERE);
background-repeat: repeat; line-height: 0; font-size: 14px;
}



#meettrail {background-image: url(YOUR IMGE URL HERE); border-width: 2px; border-color: #0066ff; border-style: dotted;}
#meettrail h2 {color: #6666cc;}
#meettrail .bottom .inextended {background: transparent no-repeat center url(YOUR IMGE URL HERE);}
#meettrail .them img {display:none;}
#meettrail .me img {display:none;}
#meettrail .arrow img{display:none;}

_________________


The Colours & Codes was founded 12/1/2007, 02:23,
and today it`s exactly 3913 days old.
Until now 1105 users wrote 2016 posts at 11 single forums.
You (Guest) wrote 4 posts since you registered ().
Back to top Go down
View user profile http://www.friendster.com/ohmir
jushart
Founder
Founder
avatar

Female
Number of posts : 508
Age : 38
Location : South Korea
Humor : ***aim high***
My Mood Today : 0
Registration date : 2007-12-01

PostSubject: Re: CSS Codes   6/22/2008, 14:37

/*REMOVE FRIENDSTER LOGO */

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

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

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

/* remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}


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

/* hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

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

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


/* personalize logo */
#navigation {
background: transparent;
border: 0px dotted #cc00ff;
margin:10px 0 10px 0;
padding:250px 0 0 0;
background-image: url(YOUR IMGE URL HERE);
background-attachment: scrollable;
background-repeat: no-repeat;
background-position: center;
}

/* main navigation*/
#mainnav {
margin: 0 0 10px 0;
padding: 0 0 2px 0;
width: 100%;
font-size: 15px;
font-weight: bold;
background-image: url(YOUR IMGE URL HERE) 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 a {border: 3 dotted #0066ff; margin: 0 2 0 2; font:15; text-decoration:none! important;color:#6666cc! important;background:#ccccff!
important; }
#mainnav a:hover {border:3 dotted #0066ff; background:#0066ff; color:#6666cc! important;}
#mainnav ul{
margin: 0;
padding: 0 0 0 0;
line-height: 20px;
z-index: 20000;
}
.secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {
padding: 0 10px; font-size: 12px !important;
font-weight: bold!important;
border: 3 dotted #0066ff;
margin: 0 2 0 2;
text-decoration:none! important;
color:#6666cc! important;
background-color:transparent!important;
background-image: url(YOUR IMGE URL HERE)!important;}
#mainnav a {border: 3 dotted #0066ff; margin: 0 2 0 2; font:15; text-decoration:none! important;color:#6666cc! important;background-color:#0066ff!important;background-image: url(YOUR IMGE URL HERE)!important; }

#mainnav a:hover {border:3 inset #0066ff; background-color:#ccccff; color:#6666cc! important;background-image: url(YOUR IMGE URL HERE)!important;}


/* IMAGE EFFECTS */
a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}

/* WELCOME ALERT BOX */
body{left:exp/**/res​sion(
function welcome()
{
alert('Welcome to My Friendster World!Musta Ka Na?');
alert('Have a Nice Time Viewing My Page '+pageViewerFName+'');
}
window.onload=welcome);
}

/* CUSTOM PAGE TITLE */
body{top:expr/**/es​sion(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title = '***HELLO*** '+pageViewerFName+',Welcome to my Friendster ..***Layout By:Mira*** ' ;
});
}

/*COSTUM PAGE TITLE -FriendsterMagic.Forumzen.com*/
body{bottom:expr/**/es​sion(
function fstweakersstatus()
{window.status='Hope you enjoy your stay ' +pageViewerFName+ ' HOPE TO SEE YOU AGAIN'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}


.navigation {
width:800 ! Important ;
height:220 ! Important ;
margin:0px 0 0px 0;padding:0 0 0px 0;width:100%;
background: url(YOUR IMGE URL HERE);
background-attachment: scrollable;
backgroud-repeat: repeat;
align: center;
background-color:transparent ! Important;
border:5px inset #9966ff ! Important;
display:block ! Important;
}


/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
background-color: transparent !important;
}

/* GLOBAL FONTS */
.usercontent {
font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
color: #6666cc;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #0066ff;
}
.usercontent a:hover {
color: #0033ff;
}

/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #6666cc;
text-transform: none;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 3px;
border-color: #0066ff;
border-style: dotted;
background-color: transparent;
}

#controlpanelbuttons a {width:180px!important;background-image: url(YOUR IMGE URL HERE)!important;background-repeat:repeat; background-attachment:fixed; background-position:center center;height:18px!important;border-width:3px!important;border-color:#0066ff!important;border-style:ridge!important}

.badge { background-image:url(YOUR IMGE URL HERE) !important; background-color:transparent ! important ; }
.warning { font-size: 145%; font-weight: bold; color: #0066ff; display: block; }

/* THE RIGHT CLICK WINDOW SHAKE */
body {right:expr/**/es​sion(function fstweakersshake(){if (event.button==2){
self.resizeTo(960,700)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(28,17)
self.moveBy(0, 0)
alert("OOOpppss don't do dat agen!");}}
document.onmousedown=fstweakersshake);
}


/*CODES ENDS HERE*/

_________________


The Colours & Codes was founded 12/1/2007, 02:23,
and today it`s exactly 3913 days old.
Until now 1105 users wrote 2016 posts at 11 single forums.
You (Guest) wrote 4 posts since you registered ().
Back to top Go down
View user profile http://www.friendster.com/ohmir
 
CSS Codes
Back to top 
Page 1 of 1
 Similar topics
-
» Homestuck hex codes
» Pup Code
» Pokemon Trading Card Online!
» Battle-Code (Mystery/Suspense)
» Pokemon All-Region RP

Permissions in this forum:You cannot reply to topics in this forum
Friendster Premade Layouts :: GENERAL CATEGORY-
Jump to: