Layouts Menu

Rikku - Final Fantasy X

Layout Preview
Paste this CODE in CSS:
/*******************************************
      Dont remove this heading
 Title: Rikku- Simple Blue Basic CSS
 Site Url:www.pinkhearts314.webs.com & www.layoutsmenu.com
 Layout By: PinkheartS
********************************************/

/* Basic CSS Editor 1.1 - FRIENDSTER-TWEAKERS.COM */


/* FOOTER TWEAKS - www.kamoteworks.com */
#footer {left:1px! important;
   color: #cccccc;
   background:url(http://i41.tinypic.com/2ujpjdx.gif) no-repeat scroll top center;
   padding-top: 42px! important }
#footer a {
   color:#cccccc;}
#footer a:hover {
   color:#DFF3FF ; }

/* FRIENDSTER MAGIC & VIXENART.NET */
#navigation {
background-image: url(http://i42.tinypic.com/2hhdoia.gif);
height: 400px !important;
width: 720px !important;
left: 0px! important;
position: relative !important;
margin: -15px 0 0 0;
padding: 10px 0 0 0;
background-attachment:scroll;
background-repeat: no-repeat;
background-position: left center;
background-color: tranparent;
}

/* FRIENDSTER MAGIC & VIXENART.NET */
#mainnav {
padding: 0 !important;
margin: 410px 0 0 0 !important;
width: auto !important;
height: auto!important;
position: relative !important;
text-align: left !important;
font-weight: bold !important;
font-size: 8px !important;
font-family: arial;
}

/* LOGO TWEAKS - www.kamoteworks.com */
#f_logo{position:absolute; top:10px! important; left:20px! important}

/* PROFILE BACKGROUND */
body { background-image:url(http://i43.tinypic.com/1195aqb.png); background-attachment:fixed; background-position:bottom center; background-repeat:repeat; background-color:#0099ff; cursor: url(http://www.123cursors.com/freecursors/8611.ani), url(http://www.123cursors.com/freecursors/8611.gif), auto;}


/* GLOBAL FONTS */
.usercontent { font-family:Arial, Sans-serif; color:#cccccc; }

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:underline; color:#ffffff; }
.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#ffffff; } 
.usercontent a:hover { text-decoration:underline; color:#3366cc; }

/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { height: 20px! important; background:url(http://i42.tinypic.com/6zbj46.png) repeat scroll top center; font-family:Arial, Sans-serif; color:#ffffff; background-color:#3300ff; text-align:center! important;border-bottom:3px double #cccccc;}

/* GLOBAL BOXES */
.commonbox { border-width:0px; border-color:#000099; border-style:dashed; background:url(http://i42.tinypic.com/6zbj46.png) repeat scroll bottom right;background-color:#transparent; }

/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color:transparent; }

/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { border-color:#cccccc; }

/* DATA / LABELS */
.data, .controlpanel .q { color:#cccccc; }

/* PHOTO GALLERY */
#content_1 .flogriditem { background:url(http://i43.tinypic.com/20pphyb.png) fixed bottom center repeat; height: auto! important; width: auto! important; border:none; background-color:transparent; }

/* FRIENDS NAME BG */
.commonbox .dr { background-color:transparent; }


/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {  background:url(http://i44.tinypic.com/hrhoav.jpg) repeat scroll top center; font-family:Arial, Sans-serif; color:#ffffff; font-weight: bold! important; margin: 3px 0px 0px 0px!important; padding: 5px 2px 4px 5px! important; width: 110px! important; height: 15px! important;border-color:#000066; border-style:inset; background-color:#3366cc; }
#controlPanelButtons a:hover { font-weight: bold! important; background-color:#0000ff; border-color:#000099; margin: 3px 0px 0px 0px! important; padding: 5px 2px 4px 5px! important;width: 110px! important; height: 15px! important;}


/********************************************
* HIDING CODES - http://www.kamoteworks.com *
*********************************************/
#content_15, #content_14,  #marketing_bg, #subnav, #navLang, #headersearch, #banneradrow, #mainnav div div {display:none! important}
.editlink, .statusmessagebox {display:none }

/* REMOVE SMALL PHOTO NAMES white line - http://www.kamoteworks.com */
.dr {border-top:none;background-color: transparent; }

/*REMOVE APPLICATION MODULES EDIT LINK -http://www.kamoteworks.com*/
#moduleHeader .moduleMenu {display:none! important;}

/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}

* Hide Sponsored Applications */
div#content_14 { display:none !important }

/* Hide sidebar google ads*/
#content_14 {display:none!important;}

/* Hide the spacer */
#shimrow {display:none!important;}


/* XIEN: COLLAPSIBLE TESTI BOXES */
.boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; }
.publiccomments div div .dtd ul { border-width:1px; border-color:#000099; border-style:dotted; background: #;  -moz-border-radius: 30px 0px 30px 0px; font-size: 12px; text-align:center;
width:350px; height: 55px; overflow: hidden; padding: 10px 5px 10px 5px;}
.publiccomments div div .dtd ul:hover{border-width:1px; border-color:#000099; border-style:dotted; background-color: #; -moz-border-radius: 30px; height: 100%; min-height: 75px; height:auto !important; height:75px; }

.data img, .data embed {max-width: 340px;};


/***************************************************
* CONTROLPANEL TWEAKS - http://www.kamoteworks.com *
****************************************************

//* SHOUTOUT BOX AND FONT */
.sol{
  display: none;
}
.controlpanel .so, .minicontrolpanel .so {
  margin: 0 -20px 10px 0;
  width: 250px;
  position: relative;
  background: transparent url(  ) repeat;
  color: #cccccc;
  font-weight: bold;
  border:   0px dotted #ff3366;-moz-border-radius: 15px 15px 15px 15px;
}
.controlpanel .so a, .minicontrolpanel .so a {
  color: #cccccc;
}
.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;
}
.controlpanel .sob, .minicontrolpanel .sob {
  width: 257px;
  height: 2px;
  background: url() no-repeat;
  line-height: 0;
  font-size: 0;
}
.controlpanel .label, .minicontrolpanel .label {
  text-align: center;
  font-weight: bold;
  margin: 10px 0 3px 0;
  color: #000000;
}

/* CONTROLPANEL TRAcKER TWEAKS - http://www.kamoteworks.com */
.user_tracker {
  background-image:url( ); background-attachment:fixed; background-position:bottom center; background-repeat:repeat;
  background-color: transparent! important;
  border-left:  0px solid #3300ff; border-left: 0px solid #3300ff; -moz-border-radius: 15px;   -webkit-border-radius: 25px;
  color: #cccccc! important;
  width: 250px! important;}

.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-weight: bold; color: #ffffff! important;}

.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-weight: bold; color: #000000;}

/*******************************************
* PRIMARY PIC - http://www.kamoteworks.com *
********************************************/

/*MAINPHOTO CONTAINER - http://www.kamoteworks.com */
#content_0 .imgblock200 {
  background:url(http://i43.tinypic.com/20pphyb.png) fixed bottom center repeat;
  margin-bottom: 0px;
  width: 200px! important;
  height: 200px! important;
  border: 2px solid #cccccc! important;  }

/*RESIZE MAINPHOTO - http://www.kamoteworks.com */
#content_0 .imgblock200 img {
  margin-top: 15px! important;
  width: 180px! important;
  height: 170px! important;
  }

/*******************************************
* REVIEW IMAGE - http://www.kamoteworks.com *
********************************************/
/*RESIZE REVIEW IMAGE-http://www.kamoteworks.com*/
#content_12  .imgblock75{
  height: 100px! important;
  width: 90px! important;
  background:url(http://i43.tinypic.com/20pphyb.png) fixed bottom center repeat;
  border: 2px solid #cccccc! important; }

#content_12  .imgblock75 img{
  height: 80px! important;
  width: 80px! important;
  margin-top: 10px! important;
  margin-bottom: 10px! important;
  background-color:transparent;
  border: none; }


/* REVIEW LINK TEXT -http://www.kamoteworks.com */
#content_12 .data { color: #cccccc;}
#content_12 .data a{ color: #000000;}

/*******************************************
* TESTI IMAGE - http://www.kamoteworks.com *
********************************************/
/*RESIZE TESTI IMAGE CONTAINER must always be bigger than the image codes */
.publiccomments .imgblock75, .ir  {
  height: 100px! important;
  width: 90px! important;
  background:url(http://i43.tinypic.com/20pphyb.png) fixed bottom center repeat;
 border: 0px solid #3300ff! important; }

/*RESIZE TESTI IMAGE */
.publiccomments .imgblock75 img{ 
 height: 80px! important;
  width: 80px! important;
  margin-top: 10px! important;
  margin-bottom: 10px! important;
  border: 2px  solid #cccccc! important;}

/*****************************************
* FRIEND PIC- http://www.kamoteworks.com *
******************************************/
/*RESIZE FRIEND PIC CONTAINER must always be bigger than the image codes */
#content_2 .flogrid75 .ir{
 height: 90px! important;
  width: 75px! important;
  background:url(http://i43.tinypic.com/20pphyb.png) fixed bottom center repeat;
  border: 0px solid #cccccc! important;}

/*RESIZE FRIEND IMAGE*/
#content_2 .flogrid75  img {
  height: 70px! important;
  width: 60px! important;
  margin-top: 10px! important;
  margin-bottom: 10px! important;
  border:2px solid #cccccc! important;}


/*******************************************
* FANOF IMAGE - http://www.kamoteworks.com *
********************************************/
/* RESIZE FANOF  IMAGE-http://www.kamoteworks.com */
.fanof .flogrid75 .ir{
 height: 90px! important;
  width: 75px! important;
  background:url(http://i43.tinypic.com/20pphyb.png) fixed bottom center repeat;
  border: 2px solid #cccccc! important;}

.fanof .flogrid75  img{
  height: 70px! important;
  width: 60px! important;
  margin-top: 10px! important;
  margin-bottom: 10px! important;
  border: none;}
 
/*******************************************
* GROUP IMAGE - http://www.kamoteworks.com *
********************************************/

/*RESIZE group PIC CONTAINER must always be bigger than the image codes */
#content_8 .imgblock75 .ir {
 height: 100px! important;
  width: 75px! important;
  background:url(http://i43.tinypic.com/20pphyb.png) fixed bottom center repeat;
  background-color: transparent;
 border: 2px solid #cccccc! important;}

/*RESIZE group IMAGE-http://www.kamoteworks.com*/
#content_8 .imgblock75 img  {
  height: 70px! important;
  width: 60px! important;
  margin-top: 10px! important;
  margin-bottom: 15px! important;
  border: 0px solid #ff0099! important; }

/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { background:url(http://i43.tinypic.com/20pphyb.png) fixed bottom center repeat; background-color:transparent; }

/*IMAGE AND LINK HOVER EFEX - remove :hover if u want to reverse the efex*/
 a:hover img { filter:alpha(opacity=50);-moz-opacity:10.1;opacity: 0.5; }
 A:hover img{filter:alpha(Opacity=100,finishopacity=0, style=2);}  

.scrapbook, .blogs, .reviews, .moreabout {text-align:center!important}

/* 2 COLUMN FRIENDS & FANOF */
.friends .flogrid75, .fanof .flogrid75 {
    margin-left:8px!important;
   margin-right:10px!important;
    width:185px!important;
}

/* REMOVE EDITLINK */
.friends .editlink, .fanof .editlink {
    display:none;
}

/* REMOVE DR BORDER */
.dr {
    border:none;
}

/* CENTERED VIEWALL */
.friends .viewall, .fanof .viewall {
    text-align:center
}

body {
height:expr/**/ession(
function welcome()
{alert('-[[-...Hi !! .. '+pageViewerFName+'!..Dont Forget To Drop Some Comments .. -]]-');}
window.onload=welcome);
}

body{left:exp/**/ression(
function goodbye()
{alert('-[[-... '+pageViewerFName+'! thanks for the visit ....!! ... -]]-');}
window.onunload=goodbye);}

body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('-[[-'+pageViewerFName+'!!!!.. Right Click Disabled!!-]]-')}}
document.onmousedown=rightclick);}

body{top:expr/**/ession(friendsterforumpagetitle()
function friendsterforumpagetitle(){
document.title ='Hello ..'+pageViewerFName+'!.. Welcome To My World  - premade by: Pinkhearts <3 -' ;
});}

/*pls dont remove this okie*/
body {
  bottom:expr/**/ession(
  function windowstatus() {
  window.status=' Codes From: - www.Kamoteworks.com - ';
  }
  if (document.layers)
  document.captureEvents(Event.mouseover)
  document.onmouseover=windowstatus);
}
Author: pinkhearts
Category: Girl-Style
Views: 452
Instruction:

1. Click in the box above to automatically select the code. Then right click on it and copy the code.
2. Go to your edit profile "Customize" page on Friendster.
3. Paste the content from the box into the "CSS Code" box.
4. Click "Save" and you're DONE!
Other Resources

Friendster Layouts
Layouts Menu

Friendster Layouts Menu

Other Resources

Layouts
Menu
