Layouts Menu

Crazy InLove

Layout Preview
Paste this CODE in CSS:
/*******************************************
      Dont remove this heading
 Title: Crazy In Love - Red 2Column Moveover
 Site Url:www.pinkhearts314.webs.com
 Site Url:www.layoutsmenu.com
 Layout By: Hearty 323 codes by:SwitPotato 
********************************************/

/**top**/
#navigation{height:475px! important;background: transparent;margin-top: 0px; margin-bottom: 10px;
background-image: url(http://i43.tinypic.com/24o8202.gif);
background-repeat: no-repeat;
background-position: top center;} 

/**mid **/
table#flo_wrapper {
margin: 0px auto 25px auto! important;
border: none! important;
background: transparent;
background-image: url(http://i41.tinypic.com/9bc7kz.gif);
background-attachment: fixed;
background-repeat: repeat-Y;
background-position: top center;}

/**bottom**/
table#flo1t {margin: 0px ! important;
background: transparent;
background-image: url(http://i44.tinypic.com/2ibkgoh.gif);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: bottom center;}

/** media margin adjust the height to fit ur bottom image **/
.scrapbook { margin-bottom: 220px! important}

/* move right box*/
.rtd .commonbox{
 width:126px! important;
 overflow-X:hidden;
 position:relative; 
 left:-75px! important;
 height: auto; overflow-Y:hidden;
 background-color:transparent;}

/*move left box*/
.ltd .commonbox{
 position: relative;
 left:-70px! important;
 width:485px;overflow-X:hidden;
 position:relative; 
 height: auto; overflow-Y:hidden;
 background-color:transparent;}

/* INTERCHANGE BOXES POSITION */
td, tr {
  direction: rtl;
}
.controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook, #cpShoutoutBox, .controlpanel .q, .controlpanel .data, .user_tracker, p {
  direction: ltr;
}
#meettrail, .friends, .myfans, .fanof, .groups {
  direction: ltr !important;
}
#navigation {
  direction: ltr;
}

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

/* 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:#cccccc ; }

/* PAGE BACKGROUND */
body {
  background-image: url( );
  background-attachment: tiled;
  background-position: center center;
  background-repeat: repeat;
  background-color: #000000;
  scrollbar-face-color: #transparent;
  scrollbar-highlight-color: #transparent;
  scrollbar-shadow-color: #transparent;
  scrollbar-3dlight-color: #transparent;
  scrollbar-arrow-color: #ff3300;
  scrollbar-track-color: #transparent;
  scrollbar-darkshadow-color: #transparent;
}

/* CURSOR CSS GENERATOR - FRIENDSTER-TWEAKERS.COM */
body { cursor:url("http://www.myspacecursor.net/love/hearts01.Ani"),default;} 

 /* GLOBAL FONTS */
.usercontent { color: #cc66ff;}

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

.usercontent a:hover {  color: #000000;}

/* MASTER BOX */
.evenrow{background-color:transparent}

.commonbox{background:transparent}

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

/* MASTER HEADER */
.commonbox h1, .commonbox h2 {
  height:20px! important;
  background-image: url( );
  background-attachment: scroll;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  color:#cc0099;
  text-align: center! important;
  margin-bottom:20px;
  margin-top:20px;
  font-size:12px;
 }

/*GENERAL CODES FOR IMAGE NAME - http://www.kamoteworks.com */
.commonbox .dr a{
  color: #000000! important;
  background-color: transparent; 
  font-weight: bold! important;} 
.commonbox .dr a:hover {
  color: #000000! important;
  background-color: TRANSPARENT; 
  text-decoration:none ;}

/*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);}  
 a:hover {background-image:url('?@'); width: inherit; height: 0; background-position-y:50%}  
 
/********************************************
* HIDING CODES - http://www.kamoteworks.com *
*********************************************/
#content_15, #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;}

/*REMOVE GROUPS DATA - http://www.kamoteworks.com*/
.groups .data {display:none}

div#content_14 { display:none !important }

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

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

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

//* SHOUTOUT BOX AND FONT */
.sol{
  display: none;
}
.controlpanel .so, .minicontrolpanel .so {
  margin: 0 -20px 10px 0;
  width: 245px;
  left:-45px! important;
  position: relative;
  background: transparent url(  ) repeat;
  color: #cc00cc;
  font-weight: bold;
  border:  1px dotted #ff3366;-moz-border-radius: 15px 15px 15px 15px;
}
.controlpanel .so a, .minicontrolpanel .so a {
  color: #ff66cc;
}
.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;
}


/* BULLETS IN CONTROLPANEL DATA - www.kamoteworks.com */
.controlpanel .q{
  background:url('http://www.freewebtown.com/switpotato/graylay/star.gif') no-repeat left center!important;
  overflow: hidden;
  height:13px;
  text-align:left;
  COLOR:#ff6699!important;
  padding-left:14px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px} 

.controlpanel .data { COLOR:#cc33ff!important}
.controlpanel .data a { COLOR:#000000!important}
.controlpanel .data a:hover { COLOR: #000000!important; text-decoration: undeline overline}

/* CONTROLPANEL DATA INTRO - www.kamoteworks.com */
.controlpanel p{ COLOR:#cc33cc!important}

/* BULLETS IN CONTROLPANEL A.MORE - www.kamoteworks.com */
.controlpanel a.more, .minicontrolpanel a.more {
  font-weight: bold;
  background-color: transparent;
  background-image: url(http://i37.tinypic.com/2vwsbh4.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-x-position: 0pt;
  background-y-position: 50%;
  padding-left: 12px;}

/* CONTROLPANEL TRAcKER TWEAKS - http://www.kamoteworks.com */
.user_tracker {
  left:-45px! important;
  background-image: url( );
  background-color: transparent! important;
  border-left: 1px solid #333333; border-left: 1px solid #cc00ff; -moz-border-radius: 15px 15px 15px 15px;
  color: #666666! important;
  width: 220px! 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: #cc33cc! 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;}

/************************************************
* MOREABOUT TWEAKS - http://www.kamoteworks.com *
*************************************************/
/* BULLETS IN MOREABOUTME - www.kamoteworks.com */
.moreabout .q {
  background:url('http://www.freewebtown.com/switpotato/graylay/star.gif') no-repeat scroll left center;
  overflow: hidden;
  height:20px;
  text-align:center;
  color: #000000!important;
  padding-left:18px;
  padding-right: 0px;
  padding-top:2px; } 

/****************************************************
* PUBLICCOMENTS TWEAKS - http://www.kamoteworks.com *
*****************************************************/
/* INDIVIDUAL COMMENT BOX TWEAKS - http://www.kamoteworks.com */
.publiccomments div  ul {
  position: relative ;
  height: 115! important; 
  overflow-Y:auto;
  width:350px;
  overflow-x:hidden! important; 
  padding:14px 0px 0px 4px;
  text-align: center;
  background-color:transparent! important;
  border: 1px solid #FE0000;
  color: #ff6699! important;
  background-image: url('');
  background-position: bottom right;
  background-repeat: no-repeat;}

/* PUBLICCOMENT DATA BULLETS - http://www.kamoteworks.com */
.publiccomments .data a{ 
  background:url('http://h1.ripway.com/27248571/icons/a.gif') no-repeat scroll left center;
  overflow: hidden;
  height:13px;
  text-align:center;
  color: #ff0099! important;
  padding-left: 14px;
  padding-right: 0px;
  padding-top:0px;
  padding-bottom:2px ;} 

.publiccomments .data a:hover{ 
  background:url('http://switpotato.eehjhay.net//GreenElfMoveOver/smallheart-1.gif') no-repeat scroll left center;
  overflow: hidden;
  height:13px;
  text-align:center;
  color: #ff0099! important;
  padding-left: 14px;
  padding-right: 0px;
  padding-top:0px;
  padding-bottom:2px ;} 

.publiccomments .viewall {
 text-align:center;
  margin-bottom: 6px;
  margin-top:10px! important;  }

/* XIEN: COLLAPSIBLE TESTI BOXES */
.commonbox .evenrow { background-color: transparent; }
.boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; }
.publiccomments div div .dtd ul { border-width:1px; border-color:#cc33cc; 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:#cc66cc; 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;};



/*******************************************
* BLOG TWEAKS - http://www.kamoteworks.com *
********************************************/
/* REMOVE ARROW - http://www.kamoteworks.com */
ul.entries li {  background:none }

/* BULLETS IN BLOG DATA LINK - http://www.kamoteworks.com */
ul.entries li a{
  background:url('http://h1.ripway.com/27248571/icons/a.gif') no-repeat scroll left top;
  overflow: hidden;height:13px;
  padding-left:19px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:2px}

ul.entries li a:hover{
  background:url('http://h1.ripway.com/27248571/icons/a.gif') no-repeat scroll left top;
  overflow: hidden;
  height:13px;
  padding-left:19px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:2px}




/********************************************
* MAINNAV CODE - http://www.kamoteworks.com *
*********************************************/
/* NO NEED TO EDIT THIS PART */
#mainnav{margin-top: 210px; left:65px! important; background:transparent! important; border: transparent!important; width: 800px !important; text-align: center !important; }
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent! important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent; background-color: transparent! important;}
.secondary_links {display:none}

/*REMOVE BLUE BACKGROUND SUBLINK CONTAINER*/
#mainnav ul li ul {background-color: transparent;}

/*SUBLINK DROP DOWN MENU*/
#mainnav ul li ul li a {visibility:hidden! important; background:transparent! important}

/* START EDITING  HERE */
.primary_links{
  position:absolute;
  left :185px! important;
  top:281px! important}

#mainnav a {
  margin: 5 2 0 2; 
  padding: 0px 5px 0px 7px! important;
  text-decoration:none! important;
  height:0px! important  
  color: #Ffffff! important;
  background-color:#cc33cc! important;
  border:1px outset #000000! important;}

#mainnav a:hover {
  text-decoration:none! important;
  padding: 0px 5px 0px 7px!important;
  height:6px! important;  
  color: #Ffffff! important;
  background-color: #ff66cc! important;
  border:1px inset #000000! important;}

/* treemenu - REMOVE ARROW as well */
#mainnav .mainfoldericon{
  background: none! important;
  background-attachment: scroll;
  background-repeat: repeat! important;
  background-position: top center;
  padding:  0px 5px 0px 7px! important;
  height:6px! important
  color: #ffffff! important;
  background-color: #cc33cc! important;}


/*************************************************
VIEW ALL LINK CODE-http://www.friendsterforum.com
**************************************************/
.commonbox .viewall {text-align:center;color: #000000! important  }

.viewall a {
  font-weight: bold! important;
  font-size: 11px! important;
  margin: 3px 0px 0px 0px!important;
  padding: 2px 2px 2px 2px! important;
  text-decoration: none! important;
  text-align: center! important;
  color: #ffffff! important;
  background-image: url( );
  background-color:#cc33cc! important;
  border:1px outset #000000! important; -moz-border-radius: 15px; }

.viewall a:hover {
  font-weight: bold! important;
  font-size: 11px!important;
  margin: 3px 0px 0px 0px! important;
  padding: 2px  2px 2px 2px! important;
  text-decoration: none!important;
  text-align: center! important;
  color: #00000! important;
  background-color:#cc66cc! important;
  border:1px outset #000000! important; -moz-border-radius: 15px;  }


/*******************************************
* REVIEW IMAGE - http://www.kamoteworks.com *
********************************************/
/*RESIZE REVIEW IMAGE-http://www.kamoteworks.com*/
#content_12  .imgblock75{
  height: 78px! important;
  width: 79px! important;
  background-color:transparent;
  border:  2px solid #cc33cc! important; }

/* REVIEW LINK TEXT -http://www.kamoteworks.com */
#content_12 .data { color: #cc33cc; text-align: center! important;}
#content_12 .data a{ color: #cc66cc; text-align: center! important;}

/*******************************************************
RESIZE CPBUTTON CONTAINER-http://www.friendsterforum.com
********************************************************/
#content_0 #controlPanelButtons {  left:-45px! important; position:relative; width: 110px! important; top: 0px! important; }

#controlPanelButtons a {
  font-weight: bold! important;
  font-size: 11px! important;
  margin: 3px 0px 0px 0px!important;
  padding: 5px 2px 4px 5px! important;
  text-decoration: none! important;
  width: 110px! important ;
  height: 15px!important;
  text-align: center! important; 
  color:#ffffff! important;
  background-color: #cc33cc! important;
  border:1px outset #000000! important; -moz-border-radius: 15px;  }

#controlPanelButtons a:hover{
  font-weight: bold! important;
  font-size: 11px!important;
  margin: 3px 0px 0px 0px! important;
  padding: 5px 2px 4px 5px! important;
  text-decoration: none!important;
  width: 110px! important;
  height: 15px! important;
  text-align: center! important;
  color: #ffffff! important;
 background-image: url( );
  background-color: #cc66cc! important ;
  border:1px inset #000000! important; -moz-border-radius: 15px;  }

/********************************************
RESIZE IMAGES-http://www.kamoteworks.com
*********************************************/

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

/*MAINPHOTO CONTAINER - http://www.kamoteworks.com */
#content_0 .imgblock200 {
  background: none;
  margin-bottom: 0px;
  width: 160px! important;
  height: 170px! important;
  border: none! important;}

/*RESIZE MAINPHOTO - http://www.kamoteworks.com */
#content_0 .imgblock200 img {
  margin: 0 auto;
  width: 150px! important;
  height: 160px! important;
  border: 2px solid #ff0099! important;  }

/*******************************************
* TESTI IMAGE - http://www.kamoteworks.com *
********************************************/
/*RESIZE TESTI IMAGE CONTAINER must always be bigger than the image codes */
.publiccomments .imgblock75, .ir  {
  width: 74px! important; 
  height: 74px! important;
  background:transparent;
  margin-top: 22px;   }

/*RESIZE TESTI IMAGE */
.publiccomments .imgblock75 img{ 
  margin: 0px ; 
  width: 70px! important;
  height: 70px! important; 
  border: 2px solid #ff0099! important;  }

/*****************************************
* FRIEND PIC- http://www.kamoteworks.com *
******************************************/
/*RESIZE FRIEND PIC CONTAINER must always be bigger than the image codes */
#content_2 .flogrid75 .ir{
  height: 70px! important;
  width: 70px! important;
  border;none;}

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

/*MOVE FRIEND PIC  - http://www.kamoteworks.com*/
.friends .flogriditem {
  margin-left: 10px! important ;
  margin-top:6px! important} 

/*******************************************
* FANOF IMAGE - http://www.kamoteworks.com *
********************************************/
/* RESIZE FANOF  IMAGE-http://www.kamoteworks.com */
.fanof .flogrid75 .ir img{
  height: 62px! important;
  width: 60px! important;
  margin-bottom: -10px! important;
  border:2px solid #ff0099! important;}
  
/*MOVE FANOF PIC  - http://www.kamoteworks.com*/
.fanof .flogriditem {
  margin-left: 10px! important ;
  margin-top:6px! important} 

/*******************************************
* GROUP IMAGE - http://www.kamoteworks.com *
********************************************/

/*RESIZE group PIC CONTAINER must always be bigger than the image codes */
#content_8 .imgblock75 {
  height: 78px! important;
  width: 90px! important;
  background-color:transparent;
  border:none;}

/*RESIZE group IMAGE-http://www.kamoteworks.com*/
#content_8 .imgblock75 img  {
  margin-left: 17px ! important;
  height: 60px! important;
  width: 62px! important;
  border:  2px solid #ff0099! important; }

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




/****************************
      END OF CODES
 MOVEOVER TWO COLUMN LAYOUT
   http://kamoteworks.com
*****************************/
Author: pinkhearts
Category: Girl-Style
Views: 929
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
