Irreplaceable ♥ layout | Friendster-Layouts.com

Irreplaceable ♥

Layout designer

JeLa19

Rate this layout

* * * * ½ 273 votes

» Layout Preview

Friendster-Layouts.com - Irreplaceable ♥

teaser project!! Best Viewed on FireFox Click Here to Get the Code

Comments highly appreciated.

Kindly RATE it

Want to chat with me?

Visit my Plurks!

Click Here

Code for CSS section

/* {--friendster-layouts.com css code start--} */

/*LAYOUT BY JELA19*/
/*MADE EXCLUSIVELY FOR FRIENDSTER-LAYOUTS.COM*/
/*NO REDISTRIBUTION/STEALING OF LAYOUTS*/

/* PAGE BACKGROUND */
body {
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2009/04/jelairreplaceable/jelairreplaceable.jpg);
background-attachment: scroll;
background-position: bottom center;
background-repeat: repeat-y;
background-color: #ffffff;
cursor: url(http://);
scrollbar-face-color: #;
scrollbar-shadow-color: #;
scrollbar-highlight-color: #;
scrollbar-3dlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-track-color: #;
scrollbar-arrow-color: #;
border-style:none; 
border-top-color: #;
border-bottom-color: #;
border-left-color: #;
border-right-color: #;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
overflow-x: hidden;
}

/* CURSOR */
a,a:link,a:visited,a:active,a:hover {
cursor:url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/cursor2.png),default;
}
/* GLOBAL FONTS */
.usercontent {
  font-family: comic sans ms;
font-size: 11px;
  color: #ffffff;
  text-transform: none;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  font-family: comic sans ms;
font-size: 12px;
color: #faf6ca;
text-transform: none;
}

/* GLOBAL LINKS HOVER */
.usercontent a:hover {
color: #fa91e7;
text-decoration: line-through;}

/* MASTER BOXES */
.commonbox {
background-image: url();
background-position: left center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
width : 475px;
overflow : hidden;
position : relative;
left : 120px !important;
background-position : top left !important ;
background-repeat : no-repeat !important ;
}
.commonbox .evenrow {
background-image: url();
background-position: ;
background-repeat: ;
background-color: transparent;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
 background-image: url();
 background-position: left center;
 background-repeat: no-repeat;
 background-color: transparent;
 font-family: comic;
 color: transparent;
 text-transform: none;
 border: # 0px none;
height: 50px!important;
text-align: center;
font-size: 0px !important;

}

/* MAIN BOXES: BULLETS */
.controlpanel .q {
background: url() no-repeat center left; 
padding: 0 0 0 25px;}
.usercontent .q{
background: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/bullet.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/aboutme3.png);
 background-attachment: scroll;
 background-repeat: repeat;
 background-position: top center;
background-color: transparent;
 border-width: 0px;
 border-color: #;
 border-style: none;
}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
 border-width: 1px;
 border-color: #ffffff;
 border-style: dashed;
 background-color: transparent;

}

/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: comic sans ms;
font-size: 11px;
color: #ffffff;
text-transform: none;
}
.controlpanel .data {
  font-family:comic sans;
font-size: 11px;
color: #faf6ca;
text-transform: none;
}
.data a {
  font-family: comic sans ms;
font-size: 11px;
color: #faf6ca;
text-transform: none;
}
a.more {
  font-family: comic sans ms;
font-size: 11px;
color: #faf6ca;
text-transform: none;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/cp.png);
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
  font-family: comic sans ms;
font-size: 10px;
color: #ffffff;
text-transform: none;
height: 25px;
width:175px;
margin-left: 10px;
margin-top: 3px;
padding: 0 0 0 0;

}

#controlPanelButtons 
a:hover {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/cp2.png);
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
  font-family: comic sans ms;
font-size: 12px;
color: #fa91e7;
text-transform: none;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/gallery.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY REVIEWS */
.reviews {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/blogs.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY BLOGS */
.blogs {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/blogs.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/blogs.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/moreaboutme.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY TESTIMONIALS */
.testimonials {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/comments.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/comments.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/mediabox.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY FRIENDS */
.friends {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/friends.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

.friends, .fanof, .myfans, .groups {
background-color: transparent !important;
width : 147px !important ;
position: relative !important;
left: 105px !important;}
.commonbox .dr {
background-color : transparent !important;
}

/* BOX: MY GROUPS */
.groups {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/groups.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}


/* BOX: FAN OF */
.fanof {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/fanof.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY FANS */
.myfans {
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/fanof.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;}

cursor: url(http://);
scrollbar-face-color: #;
scrollbar-shadow-color: #;
scrollbar-highlight-color: #;
scrollbar-3dlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-track-color: #;
scrollbar-arrow-color: #;
border-style:none; 
border-top-color: #;
border-bottom-color: #;
border-left-color: #;
border-right-color: #;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
overflow-x: hidden;
}

/* CURSOR */
a,a:link,a:visited,a:active,a:hover {
cursor:url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/cursor2.png),default;
}

/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
  font-family: comic sans ms;
font-size: 10px;
color: #ffffff;
text-transform: none;
}

/* MISC: VIEW ALL AND EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
  font-family: comic sans ms;
font-size: 11px;
color: #ffffff;
text-transform: none;
font-weight: bold;
}
.commonbox .editlink {
  float: right;
}

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  background: transparent;
border-width: 1px;
border-color: #ffffff;
border-style: dashed;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: comic sans ms;
font-size: 11px;
  background-color: transparent;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 0px none #;
margin:-10px 0 0 0;
padding:274px 0 0 0;
background-image: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/plaidheader.gif);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: bottom center;
position : relative !important ;
top : -24px;
left: 4px;
}

#footer{
color: transparent;
height: 300px;
padding: 0px 0 0px  0;
background: transparent url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/plaidfooter.jpg) 
no-repeat;
background-position: top center;
position : relative !important ;
left: 32px;
top: 56px !important;
bottom: -20px;
}

#footer a {display:none!important;}

#subnav {display: none !important;}

#mainnav .mainfoldericon {
background: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/bullet.gif)!important;
background-repeat: no-repeat !important;
background-position: right center !important;
}
#mainnav {
width: 450px !important;
background : transparent !important ;
border : transparent !important ;
position : relative;
left : 350px;
top : -290px;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
font-size : 11px !important ;
color : #ffffff!important ;
background-color : transparent !important ;
text-align : center;
text-decoration : none !important ;
}
#mainnav a:hover {
  color: #ffffff!important;
}
#mainnav ul li ul {
background-color : #add1f4 !important ;
filter: alpha(opacity=40);
-moz-opacity:0.4;opacity: 0.4; 
}


/* SHOUTBOX */
.somsg { background-image:url('none') !important;  color: #ffffff; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #fa91e7 !important; }

.so, .soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox { background-color: transparent; background-image: url() !important; background-repeat: no-repeat !important; background-position: left top !important; background-attachment: scroll !important; text-align: center; border: 1px dashed #faf6ca; width: 220px! important; height: 100%; color: #faf6ca!important ; overflow: hidden; font-weight: normal; font-size: 11px; -moz-border-radius: 30px;
  -webkit-border-radius: 25px; }


/* RECENT UPDATE BOX*/
.user_tracker {
color: #ffffff;
background-color: transparent;
background-image: url(http://);
background-position: center center;
background-repeat: repeat;
border-width: 1px;
border-color: #fa91e7;
border-style: dashed;
font-size: 10px;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;

}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: comic sans ms;
font-size: 11px;
font-weight: normal !important;
color: #fa91e7 !important;
text-decoration: none !important;
}
.user_tracker a:hover {
  font-family: comic sans ms;
font-size: 11px;
font-weight: bold !important;
color: #fa91e7 !important;
text-decoration: none !important;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}


#f_logo {
  display: none !important;}

.rtd .viewall a,.reviews .viewall a,.blogs .viewall a {
background:transparent url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/bullet.gif) no-repeat left center;color:#faf6ca;padding-left:15px}
#content_2 .viewall,#content_8 .viewall,#content_7 .viewall
{position: relative; left: -20px !important;}
#content_13 .viewall,#content_12 .viewall{text-align:left}
#content_18 .viewall a,#content_1 .viewall a{background:transparent url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/bullet.gif) no-repeat scroll left center;padding-left:15px;}
#content_18 .viewall,#content_1 .viewall,.rtd .viewall {
text-align:center !important
}

.groups .data { display:none; }


ul.entries li { background: url(http://i450.photobucket.com/albums/qq229/o19jela/css%20layout/bullet.gif) no-repeat; padding-left: 15px; margin-right: 100px !important; margin-bottom: 5px;}

#content_0 {margin-top: 0px !important;}
#content_1 {margin-top: 0px !important;}
#content_2 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}
#content_7 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}
#content_8 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}

#content_18 {
height: 100% !important;
overflow: hidden !important;
overflow-x: hidden !important;
scrollbar-3dlight-color : #ffffff; 
scrollbar-shadow-color : #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-darkshadow-color : #ffffff;
scrollbar-track-color : #ffffff;
scrollbar-arrow-color : #000000;
scrollbar-highlight-color: #000000;
margin-top: 20px !important;
}
#content_18 .data {padding: 20px 0 0px 20px !important;}
#content_18 ul  {
width : 315px !important ;
overflow-x: hidden !important;
background-color: transparent;
border-style: dashed;
border-color: #faf6ca;
border-width: 1px !important;
}

#navLang { display : none !important ;}
#banneradrow  { display : none !important ;}
.controlpanel p {display : none !important ;}
#headersearch  {display : none !important ;}
#search  { display : none !important ;}
#search form { display : none !important ;}
#marketing {display : none !important ;}
#content_14 {display : none !important ;}
#subnav {display : none !important ;}
#marketing_bg {display : none !important ;}
#surfer {display : none !important ;}
#navdivider {display : none !important ;}
#content_0 a.more {display : none !important ;}
.banner_ad_fix {display : none !important ;}
#navLink_FindFriends {display : none !important ;}
#secondary_links {display: none;}
.reportabuse {display : none !important ;}
#ads_2_3 {display : none !important ;}
#subnav_search {display : none !important ;}
.secondary_links {display : none !important ;}
#mainnav .left {display : none !important ;}
#content_15 {display : none !important ;}
.dr {border:none;}
.commonbox .editlink {display: none !important;}
#googleAdFactory.fullwidth {position : absolute; top : -5500px;}
#mainnav div div {display: none !important;}
#f_logo {display : none;}


.somsg {
text-align: center; !important;
}
.controlpanel .sol, .minicontrolpanel .sol {
position : absolute;
left : -5px;
top : 8px;
width : 6px;
height : 12px;
background : transparent no-repeat;
}
.controlpanel .sob, .minicontrolpanel .sob {
display : none !important ;
}
.controlpanel .so, .minicontrolpanel .so {
background : url() no-repeat center left transparent;
border-style: none;
font-size : 10px !important;
text-decoration : none;
padding: 20px 0 20px 0 !important;
}

.secondary_links {display: none;}

.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 5px 2px 5px;
  overflow: hidden;
border-width: 1px;
border-color: #ff008d;
border-style: dashed;
  text-align: center;
  width: 360px;
  height: auto;
 -moz-border-radius: 30px;
  -webkit-border-radius: 25px; 
}

.commonbox .evenrow { background-color: transparent; }
.boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; }
.publiccomments div div .dtd ul { background-color: transparent; -moz-border-radius:  0 30px 0 30px; text-align:center;
width:360px; height: 75px; overflow: hidden; padding: 2px 2px 2px 2px;}

.publiccomments div div .dtd ul:hover{ background-color: transparent; -moz-border-radius: 0 30px 0 30px; height: 100%; min-height: 75px; height:auto !important; height:75px; }

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

/* IMAGE EFFECTS */
img { opacity:1;filter:alpha(opacity=100); }
a:hover img { opacity:0.75;filter:alpha(opacity=50); 

div #mainnav div div { display:none ! important;});
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* {--friendster-layouts.com css code end--} */

Code for Media/About Me

<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/jela/" title="JeLa19's layouts">JeLa19's layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by JeLa19 on April 1st, 2009 (10:11 GMT).

Other layouts from 'Quotes/Words' category:

Friendster-Layouts.com

Irreplaceable ♥

Navigation Links

Browse Layouts

Sponsors