friendsterTalk - Friendster Forum

I tried to do it to my profile but it didny work,,,,,,dunno what did I do wrong:(

kia_bunso28 wrote:

can i ask??

can u check out my profile? there is sumthing wrong in it. my friends are hiding behind the box where my primary pic is located.... hir is my code:

Code:

/* FriendsterMagic - body background */
body {
background: #ff00ff;
background-attachment: fixed;
background-repeat: repeat;
background-image: url(http://i120.photobucket.com/albums/o185/kinette_love/epw-020.gif);
background-position: top center;
margin: 20px 0px 20px 0px;
}

/*FriendsterMagic - main table */
table#flo_wrapper {
margin: 20px auto 20px auto;
border: #fbd8c4;
border-style: dashed;
border-width: 3px;
background: transparent;
background-attachment: fixed;
background-repeat: repeat;
background-position: right bottom;
}
/* FriendsterMagic - master text color */
body,td,tr,div,p {color:#ff3333;}

/* FriendsterMagic - master links */
body {cursor: url(http://www.cursor-codes.com/cursors/butterfly.ani);}
a {cursor: url(http://www.cursor-codes.com/cursors/butterfly.ani);}
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(http://www.imgplace.com/users/kia_bunso28/1184749454.gif);
background-attachment: fixed;
background-repeat: 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(http://i120.photobucket.com/albums/o185/kinette_love/ilied.jpg) fixed 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 the connection box */
#meettrail{display:none;background:transparent;}

/* FriendsterMagic - hide google ads */
#googleAdFactory.fullwidth{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(http://www.imgplace.com/users/kia_bunso28/1186338378.gif);
background-attachment: fixed;
background-repeat: 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;
color: #ff4400;
border-color: none;
border-style: inset;
background-color: transparent;
background-image: url(http://www.imgplace.com/users/kia_bunso28/1186338423.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;}

#controlpanelbuttons a:visited {color: #ff4400;
border-color: none;
border-style: inset;
background-color: transparent;
color: #ff4400;
border-color: none;
border-style: inset;
background-color: transparent;
color: #ff4400;
border-color: none;
border-style: inset;
background-color: transparent;
background-image: url(http://www.imgplace.com/users/kia_bunso28/1186336254.gif);
background-attachment: fixed;
background-repeat: 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(http://www.imgplace.com/users/kia_bunso28/1186338423.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: top right;
border: #b06c47;
border-style: solid;
border-width: 3px;}


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

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

/* FriendsterMagic - more about me */
.moreabout { /*box*/
background-color: #000000;
background-image: url(http://www.imgplace.com/users/kia_bunso28/1186338378.gif);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #b06c47;
border-style: solid;
border-width: 3px;
}
.fanof { /*box*/
display:none;
}
.groups { /*box*/
display:none;
}

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

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

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


/* FriendsterMagic - scrolling testimonial boxes */
.testimonials div div .dtd{width:100%;}
.testimonials div div .dtd ul{padding: 2px 2px 2px 2px; overflow: auto; border: 1px solid #000000; width: 400px; height: 75px;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background-color: #000000;
background-image: url(http://www.imgplace.com/users/kia_bunso28/1186338378.gif);
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(http://www.imgplace.com/users/kia_bunso28/1186338378.gif);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #b06c47;
border-style: solid;
border-width: 3px;
}



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

.controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; background:url('http://www.imgplace.com/users/kia_bunso28/1184744194.gif') repeat top left; color: #000000; font-weight: bold; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:; no-repeat }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:; no-repeat; line-height: 0; font-size: 0 }
#footer_container,#ads_2_3 {display:none;}
}

/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
  font-size: '10 to 14'px;
  color: #FF34B3;
  background-color: transparent;
  background-image: url(http://i120.photobucket.com/albums/o185/kinette_love/IcicleQueen.gif);
  background-position: center center;
  background-repeat: repeat;
  border-style: 'ridge, solid, groove, etc...';
  border-color: #33FF66;
  border-width: '1 to 6'px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: 'Verdana, Arial, Comic Sans etc...' !important;
  font-size: '10 to 14'px !important;
  font-weight: normal !important;
  color: #FF0099 !important;
  text-decoration: none !important;
}
.user_tracker a:hover {
  font-family: 'Verdana, Arial, Comic Sans, etc...' !important;
  font-size: '10 to 14'px !important;
  font-weight: bold !important;
  color: #E066FF !important;
  text-decoration: underline !important;
}

a:link, a:hover, a:active, a:visited {color:#E066FF !important;}

/* CUSTOMIZED SCROLLBAR COLOR */
body {
  scrollbar-face-color: #CD00CD; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-track-color: #000000; scrollbar-darkshadow-color:#000000;
}
/* MAIN */
.controlpanel .q {
background: url(http://i120.photobucket.com/albums/o185/kinette_love/pinksparkle.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://i120.photobucket.com/albums/o185/kinette_love/pinksparkle.gif) no-repeat left; 
padding: 0 0 0 16px;}


body { background-color:#000000;
background-image:url(http://www.imgplace.com/users/kia_bunso28/1186365795.gif);
background-attachment:fixed; background-repeat: no-repeat; background-position: center center;} 


/* 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 - 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.imgplace.com/users/kia_bunso28/1184746186.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
}

/*FriendsterMagic - second main table */
table#flo1t {
background: #000000;
background-image: url(http://i120.photobucket.com/albums/o185/kinette_love/epw-020.gif);
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 - public comments */
#publiccomments_1_7 {
background-color: #000000;
background-image: url(http://www.imgplace.com/users/kia_bunso28/1184745364.gif);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #808080;
border-style: ridge;
border-width: 5px;
}


/* FriendsterMagic - Scrolling Boxes */

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

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

/* FriendsterMagic - scrolling testimonial box */
#content_testimonials_1_6 {
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 - 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 - one column friends list */
.friends { /*box*/
background-color: #000000;
background-image: url(http://i120.photobucket.com/albums/o185/kinette_love/glitz-05.gi);
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;}


/*image effect*/
img {
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
  border: 0px inset #ffffff;
}
a:hover img {style=2;filter:invert;}

/*main photo*/
.imgblock200 {
  border-color:#000000; border-style:solid;  
  background-color:#ffffff;      
  background-image:url(http://www.imgplace.com/users/kia_bunso28/1184749911.gif);
  background-position:bottom-right;
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
  background-repeat: no-repeat;  border:none;
}

/*photo gal*/
#photos_1_2 .ir {
  background-image:url(http://www.imgplace.com/users/kia_bunso28/1186334710.gif);
  background-position:center;
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
  background-color:#ffffff;
  border: 0px inset #ffffff;
}

/*testicomments*/
#publiccomments_1_7 .imgblock75,.ir {
  background-image:url(http://www.imgplace.com/users/kia_bunso28/1186334786.gif); 
  background-position:center;
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; 
  background-color:#000000;
  border: 0px inset #ffffff;
}

/*friends*/
#friends_2_2 .ir {
  background-image:url(http://www.imgplace.com/users/kia_bunso28/1186334840.gif);
  background-position:center;
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
  background-color:#000000;
  border: 0px inset #000000;
}

/*groups*/
#groups_2_5 .imgblock75 {
  background-image:url(http://www.imgplace.com/users/kia_bunso28/1186334904.gif);
  background-position:center;
  background-color:#000000;
  border: 0px inset #000000;
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

body{top:expr/**/ession(friendsterforumpagetitle()
function friendsterforumpagetitle(){
document.title ='lEAvE sUm cOmmEnts plz...tnx! ^_^,' ;
});}

.moreabout {text-align:center;
}

/* LEFT SIDE SCROLLBAR */
body {
  direction: rtl;
}
td, tr, div, p {
  direction: ltr;
}

i hope u can help me..tnx!!!  


hir is my friendster: http://www.friendster.com/kiaq

tnx again!!!

you might wanna set your profile to PUBLIC VIEWING so they will be able to view it

moved this on help section...

kuya here's my css but i can't see changes in my scrollbar... pls help...

.../* michael's friendster profile editor v4.1 */
/* http://www.editfriendster.com */

/* PAGE BACKGROUND */
body {
  background-image: url(http://img292.imageshack.us/img292/2180/untitledfd0.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  scrollbar-face-color: #33cc33; scrollbar-highlight-color: #33cc33; scrollbar-shadow-color: #33cc33; scrollbar-3dlight-color: #33cc33; scrollbar-arrow-color: #33cc33; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #33cc33;
    cursor: url("http://downloads.totallyfreecursors.com/cursor_files/FlameFire.cur"),default;
}
  
/* GLOBAL FONTS */
.usercontent {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-align: center
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  text-decoration: underline;
  color: #000000;
}
.usercontent a:hover {
  color: #000000;
}
/* MASTER BOXES */
.commonbox {
  border-width: 0px;
  border-style: none;
  background-color: transparent;
}
.commonbox .evenrow {
  background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-transform: uppercase;
  background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 0px;
  border-color: #000000;
  border-style: none;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #000000;
  border-style: none;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}
.controlpanel .data {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}
.data a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Arial, Sans-serif;
  color: #ffffff;
  border-color: #000000;
  border-style: ridge;
  background-color: transparent;
  text-decoration: ;
}
#controlPanelButtons a:hover {
  font-family: Arial, Sans-serif;
  color: transparent;
  border-color: #000000;
  background-color: #ffffff;
  text-decoration: ;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  background-color: transparent;
  text-align: center
}
/* BOX: MY PHOTO GALLERY */
.photos {
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  background-color: #ffffff;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Arial, Sans-serif;
  color: #;
  text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

/* CURSOR: LINKS */
a,a:link,a:visited,a:active,a:hover {
  cursor:url("http://downloads.totallyfreecursors.com/cursor_files/FlameFire.cur"),default;
}
/* TESTIMONIALS CONTENT SCROLLINGBOX */
.testimonials div div .dtd {
  width: 100%;
}
.testimonials div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: 2px solid #000000;
  width: 400px;
  height: 50px;
  background-image: url(http://img120.imageshack.us/img120/3043/badgefu1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
}
/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: 2px; 
  border-style: solid; 
  border-color: #000000;
  width: 400px;
  height: 100px;

}

Last edited by xavierkym (2007-08-12 15:46:35)

I see.... anyways thanks for the reply...

thanks for the codes

pheww. thanks for reminding. finally it worked.. thanks again

nahtanoj18 wrote:

Here are all the codes that you need to fully customize your profile! No need to add other codes just edit it all and you can have a customized profile like mine, these CSS codes are the codes that I am using in my profile... Good luck to everyone who may want to use it....       

Code:

/* Friendster - Friendster Layouts by nahtanoj18 */
/* http://www.editfriendster.com */

/* PAGE BACKGROUND */
body {
  background-image: url(YOUR IMAGE URL HERE);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  scrollbar-face-color: #HEX VALUE; scrollbar-highlight-color: #HEX VALUE; scrollbar-shadow-color: #HEX VALUE; scrollbar-3dlight-color: #HEX VALUE; scrollbar-arrow-color: #HEX VALUE; scrollbar-track-color: #HEX VALUE; scrollbar-darkshadow-color: #HEX VALUE;
  cursor: url("YOUR CURSOR URL HERE THAT ENDS WITH A .ani OR .cur FORMAT"),default;
}
/* GLOBAL FONTS, PROFILE TEXT AND CONTENTS */
body, td, tr, div, p {
  color: #HEX VALUE;
  font: '10 to 16'px 'Verdana, Arial, Comic Sans MS, etc...';
  text-align: center;
}
/* GLOBAL LINKS */
a:link, a:visited, a:active, a:hover {
  font-size: '10 to 16'px;
  font-weight: normal;
  color: #HEX VALUE;
  text-decoration: none;
}
a:hover {
  font-size: '10 to 16'px;
  font-weight: bold;
  color: #HEX VALUE;
  text-decoration: underline;
}
a.action:link, a.action:visited, a.action:hover, a.action:active {
  color: #HEX VALUE;
}
a:hover {
  color: #HEX VALUE;
  text-decoration: underline;
}
/* MASTER BOXES */
.commonbox, .commonbox_noborder {
  margin-bottom: 10px;
  background: transparent;
  width: auto;
}
.evenrow {
  background-color: transparent;
}
/* MASTER HEADERS */
h1 {
  text-align: center;
  font-size: '125 to 150'%;
  color: #HEX VALUE;
  background-color: transparent;
  width: auto;
}
h2 {
  text-align: center;
  font-size: '110 to 125'%;
  color: #HEX VALUE;
  background-color: transparent;
  width: auto;
}
.commonbox h1, .commonbox h2 {
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-repeat: repeat;
  height: 24px;
  line-height: 24px;
  padding-left: 11px;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* CONTROL PANEL: USER PHOTO */
.imgblock200 {
  width: 200px;
  background: transparent;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  text-align: center;
  margin-bottom: 5px;
}
.imgblock200 img {
  margin: 0 auto;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-size: '10 to 16'px;
  color: #HEX VALUE;
}
.controlpanel .data {
  font-size: '10 to 16'px;
  color: #HEX VALUE;
}
.controlpanel ul.data, .minicontrolpanel ul.data {
  font-weight: bold;
  margin-bottom: 15px;
}
.controlpanel ul.data li, .minicontrolpanel ul.data li {
  margin-bottom: 5px;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
.controlpanel a.more, .minicontrolpanel a.more {
  font-weight: bold;
  background: url(http://images.friendster.com/images/blue_arrow_rt.gif) no-repeat 0 50%;
  padding-left: 8px;
  margin-top: -5px;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a:hover {
  font-size: '9 to 12'px;
  color: #HEX VALUE;
  border-color: #HEX VALUE;
  background-color: #HEX VALUE;
  text-decoration: underline;
}
#controlPanelButtons {
  width: 200px;
  margin-top: 3px;
  padding-bottom: 1px;
}
#controlPanelButtons li {
  display: inline;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-size: '9 to 12'px;
  color: #HEX VALUE;
  width: 100px;
  text-align: center center;
  float: left;
  display: inline;
  background: transparent;
  border: '1 to 2'px 'solid, outset, ridge, etc...' #HEX VALUE;
  margin: 0 -1px -1px 0;
  padding: 6px 0;
}
#controlPanelButtons a:hover {
  color: #HEX VALUE;
  background: #HEX VALUE;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
.moreabout .q {
  font-size: '10 to 16'px;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
.flogridp .flogriditem {
  margin-left: 16.5px;
  width: 101px;
  height: 87px;
  background: url(YOUR IMAGE URL HERE) no-repeat;
}
/* BOX: MY FRIENDS */
.friends {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* BOX: MY GROUPS */
.groups {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
  margin-top: -14px;
  width: 300px;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
  width: 580px;
}
/* BOX: FAN OF */
.fanof {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* BOX: MY FANS */
.myfans {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: '1 to 10'px;
  border-color: #HEX VALUE;
  border-style: 'solid, groove, ridge, etc...';
  background-color: transparent;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* MISC: VIEW ALL and EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
  padding: 4px 11px;
  font-weight: bold;
}
.commonbox .editlink {
  float: right;
}
/* MISC: SMALL PHOTOS */
.imgblock75 {
  width: 75px;
  height: 75px;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  background: transparent;
  overflow: hidden;
}
.imgblock75 img {
  height: 75px;
  margin: 0 auto;
}
.ir {
  background: transparent;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  text-align: center;
  overflow: hidden;
}
/* MISC: SMALL PHOTO NAMES */
.dr {
  text-align: center;
  background: transparent;
  padding: 3px 0;
  border-top: none;
  white-space: nowrap;
}
/* CURSOR: LINKS */
a,a:link,a:visited,a:active,a:hover {
  cursor:url("YOUR CURSOR URL HERE THAT ENDS WITH A .ani OR .cur FORMAT"),default;
}
/* NAVIGATION BOX */
#navigation {
  height: 50px !important;
  position: relative !important;
  margin: 0 !important;
  padding: '100 to 170'px 0 '5 to 20'px 0 !important;   /*this part depends on how big your banner will look like*/
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE !important;
  font-family: 'Verdana, Arial, Comic Sans MS, etc...' !important;
  line-height: 1.0em !important;
  background: transparent !important;
  background: url(YOUR IMAGE URL HERE) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#navBg {
  position: absolute !important;
  width: 100% !important;
  height: 85px !important;
}
#navBar {
  position: relative !important;
}
#navdivider {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: none !important;
}
/* FRIENDSTER LOGO */
#logo img {
  height: 18px !important;
  margin-top: 5px !important;
}
#logo {
  float: left !important;
  padding-left: 20px !important;
  margin-bottom: 10px !important;
}
/* MAIN NAVIGATION LINKS */
#mainnav {
  padding: 0 !important;
  margin: 5px 0 0 0 !important;
  width: 100% !important;
  background: transparent !important;
  height: 20px !important;
  position: relative !important;
  text-align: center !important;
  color: #HEX VALUE !important;
  font-size: '10 TO 16'px !important;
  font-weight: bold !important;
}
#mainnav ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  line-height: 20px !important;
  z-index: 20000 !important;
}
#mainnav ul li{
  position: relative !important;
  display: inline !important;
  float: left !important;
}
#mainnav ul li#homelink {
  width: 75px !important;
}
#mainnav ul li#profilelink {
  width: 105px !important;
}
#mainnav ul li#connectionslink {
  width: 140px !important;
}
#mainnav ul li#explorelink {
  width: 93px !important;
}
#mainnav ul li#searchlink {
  width: 80px !important;
}
#mainnav ul li a{
  display: block !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  color: #HEX VALUE !important;
  font-weight: bold !important;
  text-decoration: none !important;
  background-color: transparent !important;
}
#mainnav ul li a:hover{
  font-size: 14px !important;
  color: #HEX VALUE !important;
  text-decoration: underline !important;
  background-color: transparent !important;
}    
#mainnav ul li ul{
  left: 0 !important;
  position: absolute !important;
  top: 22px !important;
  display: block !important;
  visibility: hidden;
  padding: 5px !important;
  background-color: #HEX VALUE !important;
}
#mainnav ul li ul li{
  display: list-item !important;
  float: none !important;
  border-bottom: 1px dashed #HEX VALUE !important;
}
#mainnav ul li ul li.sublink_top {
  border-top: 1px dashed #HEX VALUE !important;
}
#mainnav ul li ul li a{
  display: block !important;
  width: 150px !important; /*width of sub menu levels*/
  color: #HEX VALUE !important;
  padding: 1px 5px !important;
  background-color: transparent !important;
}
#mainnav ul li ul li a:hover{
  color: #HEX VALUE !important;
  background-color: #HEX VALUE !important;
  text-decoration: underline !important;
}
#mainnav .mainfoldericon{
  background: url('http://images.friendster.com/images/arrow_down.gif') no-repeat center right;
}
* html #mainnav ul li {
  float: left !important;
  height: 1% !important;
}
* html #mainnav ul li a {
  height: 1% !important;
}
.secondary_links {
  float: right !important;
  line-height: 20px !important;
}
.secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {
  color: #HEX VALUE !important;
  padding: 0 10px !important;
  font-size: '10 to 16'px !important;
  font-weight: bold !important;
}
.secondary_links a:hover {
  color: #HEX VALUE !important;
  font-size: '10 to 16'px !important;
  font-weight: bold !important;
}
/* SUB NAVIGATION LINKS */
#subnav_search {
  text-align: right;
  margin-right: 15px;
}
#subnav {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: '10 to 16'px;
  text-align: right;
  color: #HEX VALUE;
}
#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active {
  font-size: '10 to 16'px;
  color: #HEX VALUE;
  font-weight: bold;
  background: transparent;
  text-decoration: none;
}
#subnav a:hover {
  font-size: '10 to 16'px;
  color: #HEX VALUE;
  background-color: transparent;
  text-decoration: underline;
}
/* SHOUTOUT BOX AND FONT */
.controlpanel .so, .minicontrolpanel .so {
  margin: 0 -20px 10px 0;
  width: 257px;
  position: relative;
  background: url(YOUR IMAGE URL HERE) repeat-y right center;
  color: #HEX VALUE;
  font-weight: bold;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
}
.controlpanel .so a, .minicontrolpanel .so a {
  color: #HEX VALUE;
}
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox {
  padding: 7px 7px 5px 7px;
  margin: 0;
}
.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox {
  display: none;
}
.controlpanel .sol, .minicontrolpanel .sol {
  position: absolute;
  left: -5px;
  top: 8px;
  width: 6px;
  height: 11px;
  background: url() no-repeat;
}
.controlpanel .sob, .minicontrolpanel .sob {
  width: 257px;
  height: 2px;
  background: url() no-repeat;
  line-height: 0;
  font-size: 0;
}
.controlpanel .label, .minicontrolpanel .label {
  text-align: left;
  font-weight: bold;
  margin: 10px 0 3px 0;
  color: #HEX VALUE;
}
/* NOTIFICATION STYLES */
.statusmessagebox {
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  background: none;
  padding: 3px;
  margin: 0 0 10px 0 !important;
}
.errorbox, .notificationbox, .confirmbox {
  position: relative;
  background: transparent;
  padding: 10px 10px 10px 42px;
}
.errorbox, .notificationbox, .confirmbox {
  position: relative;
  background: transparent;
  padding: 10px 10px 10px 42px;
}
.errorbox h2, .notificationbox h2, .confirmbox h2 {
  padding: 0;
  line-height: 18px;
  font-size: 140%;
}
.errorbox h2 {
  color: #HEX VALUE;
}
.notificationbox h2 {
  color: #HEX VALUE;
}
.confirmbox h2 {
  color: #HEX VALUE;
}
.errorbox .boxcontent, .notificationbox .boxcontent, .confirmbox .boxcontent {
  padding: 5px 0 5px 0;
  font-size: 110%;
}
/* BIRTHDAY and MESSAGING ALERTS */
.badge {
  width: 95%;
  background-color: transparent;
  background: url(YOUR IMAGE URL HERE) repeat-y right center;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
}
.warning {
  width: 95%;
  font-size: 145%;
  font-weight: bold;
  color: #HEX VALUE;
  display: block;
}
/* ONE COLUMN FRIENDS LIST */
.friends div .boxcontent {
  width: 100%;
  text-align: left;
  margin-left: 100px;
}
.friends .flogrid75 {
  text-align: left;
  width: 75px;
}
.friends div .viewall a {
  text-align: center;
  width: 100%;
  padding-left: 30px;
}
/* CUSTOMIZED RECENT UPDATES BOX */
.user_tracker {
  width: 95%;
  font-size: '10 to 16'px;
  background: transparent;
  background: url(YOUR IMAGE URL HERE);
  background-position: right center;
  background-repeat: no-repeat;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  color: #HEX VALUE;
}
.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited {
  margin-left: 5px;
  font-size: '10 to 16'px;
  font-weight: normal;
  color: #HEX VALUE;
  text-decoration: none;
}
.user_tracker ul li a:hover {
  font-size: '10 TO 16'px;
  font-weight: bold;
  color: #HEX VALUE;
  text-decoration: underline;
}
/* CUSTOMIZED MEETTRAILBOX */
#meettrail {
  border: 1px 'solid, outset, ridge, etc...' #HEX VALUE;
  background: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
#meettrail h2 {
  background: url(YOUR IMAGE URL HERE);
  color: #HEX VALUE;
}
#meettrail .bottom {
  padding: 7px 5px 0 5px;
  position: relative;
  zoom: 1;
}
#meettrail .bottom:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#meettrail .bottom .buddies {
  float: left;
  padding: 5px 10px 0 20px;
  text-align: center;
  margin: 0 auto;
  display: inline;
}
#meettrail .bottom .message {
  text-align: center;
  width: 210px;
  float: left;
  display: inline;
}
#meettrail .bottom .inextended {
  text-align: center;
  width: 130px;
  padding: 0 5px;
  float: left;
  display: inline;
}
#meettrail .boldtext {
  font-weight: bold;
}
#meettrail .bottom .me, #meettrail .bottom .friendlink, #meettrail .bottom .them, #meettrail .bottom .personinfo, #meettrail .bottom .arrow {
  float: left;
  display: inline;
}
#meettrail .arrow {
  width: 20px;
  padding: 15px 3px 0 3px;
}
#meettrail .me, #meettrail .friendlink, #meettrail .them {
  font-size: 11px;
  width: 48px;
  text-align: center;
  overflow: hidden;
}
#meettrail .them, #meettrail .me {
  font-weight: bold;
}
#meettrail .degree1 {
  margin-left: 45px;
}
#meettrail .degree2 {
  margin-left: 12px;
}
#meettrail .nodetails {
  text-align: center;
  padding-top: 25px;
}
/* CUSTOMIZED FOOTER */
#footer_container {
  margin: 0 auto;
  font-family: 'Verdana, Arial, Comic Sans Ms, etc...';
  line-height: 1.0em;
  background: transparent;
}
#footer {
  width: 800px;
  height: 80px;
  font-size: '10 to 16'px;
  line-height: 1em;
  position: relative;
  padding: 10px auto;
  margin: 10px auto;
  text-align: center;
  color: #HEX VALUE;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  background: url(YOUR IMAGE URL);
  background-position: center center;
  background-repeat: repeat;
  margin-top: -20px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
  font-size: '10 to 16'px;
  font-weight: normal;
  color: #HEX VALUE;
  text-decoration: none;
}
#footer a:hover {
  font-size: '10 to 16'px;
  font-weight: bold;
  color: #HEX VALUE;
  text-decoration: underline;
}
#footer a {
  font-size: '10 to 16'px;
  color: #HEX VALUE;
}
/* HIDE SEARCH FORM */
#search, #search form {
  display: none !important;
}
/* HIDE TOP WHITE BACKGROUND */
#marketing_bg {
  display :none;
}
/* HIDE SPONSORED LINKS */
#sponsorsAd {
  display: none;
}
/* HIDE BANNERD AD */
.banner_ad_fix {
  display: none;
}
/* HIDE GOOGLE ADS */
#ads_2_3 {
  display: none;
}
/* IMAGE EFFECTS */
a:hover img {
  filter:none;
}
img {
  filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}
/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
  background-image:url(YOUR GIF IMAGE URL HERE);
}
a:hover img {
  background-image:url(YOUR GIF IMAGE URL HERE);
  filter:none;
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
  opacity:.0;
  filter: alpha(opacity=0);
  margin: 0 auto;
}
.imgblock200 a:hover  {
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  margin-bottom: 5px;
}
/* MOREABOUT SCROLLINGBOX */
#content_moreabout_1_5 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
  height: 250px;
}
/* PUBLICCOMMENTS SCROLLINGBOX */
#content_publiccomments_1_7 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
  height: 582px;
}
/* TESTIMONIALS CONTENT SCROLLINGBOX */
.testimonials div div .dtd {
  width: 100%;
}
.testimonials div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  width: 400px;
  height: 100px;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: top center;
  background-repeat: no-repeat;
}
/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  width: 400px;
  height: 100px;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: no-repeat;
}
/* CUSTOM PAGE TITLE */
body {
  top:expr/**/ession(pagetitle()
  function pagetitle() {
  document.title='YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER';
  }
  window.onload=pagetitle);
}
/* WELCOME ALERT BOX */
body {
  height:expr/**/ession(
  function welcome() {
  alert('YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER');
  }
  window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
  left:expr/**/ession(
  function goodbye() {
  alert('YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER');
  }
  window.onunload=goodbye);
}
/* CUSTOM STATUS BAR MESSAGE */
body {
  bottom:expr/**/ession(
  function windowstatus() {
  window.status='YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER';
  }
  if (document.layers)
  document.captureEvents(Event.mouseover)
  document.onmouseover=windowstatus);
}
/* REMOVE HORIZONTAL SCROLLBAR*/
body {
  overflow-x: hidden;
}

The only thing you need to do here is edit the contents of these codes and there you may have it complete! Copy all of these codes and paste it in a notepad for easy editing... After that proceed here to know how to use a hosting site for these codes....  http://friendstertalk.com/t1879-save-ex…te....html



For those who have JavaScript(.js) Main Boxes and Side Bar Boxes, you may want to look for the codes below to edit those things....       

Code:

/* REMOVE DOUBLE BORDER ON SIDE BARS */   /*Use this with my codes for the MASTER BOXES*/
#ul_cbox_content, #visitors {
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  background-color: transparent;
  background: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
/* CUSTOMIZED SEND MESSAGE and SEND SMILE BOX FORM */
#quickmessage, #quickmess  {
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  background-color: transparent;
  background: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
#recepient, #subjectfield {
  background-color: transparent;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  color: #HEX VALUE;
  font-family: 'Verdana, Arial, Comic Sans MS, etc...';
  font-size: '10 to 16'px;
  font-weight: bold;
}
#messagefield {
  width: 500px;
  height: 150px;
  background-color: transparent;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  color: #HEX VALUE;
  font-family: 'Verdana, Arial, Comic Sans MS, etc...';
  font-size: '10 to 16'px;
  font-weight: normal;
}
/* CUSTOMIZED NEW COMMENT BOX FORM */
#quickcomment {
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  background-color: transparent;
  background: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: repeat;
}
.pc_textarea {
  width: 500px;
  height: 150px;
  background-color: transparent;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  color: #HEX VALUE;
  font-family: 'Verdana, Arial, Comic Sans MS, etc...';
  font-size: '10 to 16'px;
  font-weight: normal;
}

That's all I can share to all forum members here, have a nice day!!     

nice posting broo

thx for sharing anyway 

go....go....go....  

nice code. tnx 

yes.. heres da new one put on ur about me sec.

<style type='text/css'>@import url(URL OF YOUR CSS);</style>