SMiLE | Animated Crossover layout | Friendster-Layouts.com

SMiLE | Animated Crossover

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - SMiLE | Animated Crossover

Crossover layout
Please rate and comment on it

CLiCK HERE TO GET THE LAYOUT
CLiCK HERE TO GET THE LAYOUT

Please follow the instructiosn here carefuly
You can find this layout under crossovers
Requests are open also, instructions on how to make one are on the same website

Code for CSS section

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

/* Layout made by camycreations*/
/* Coding done by y3en*/




/* PAGE BACKGROUND */
body {
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2009/04/smile/smile.png);
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://),default;
}
/* GLOBAL FONTS */
.usercontent {
  font-family: Trebuchet MS;
font-size: 11px;
  color: #212121;
  text-transform: none;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  font-family: Trebuchet MS;
font-size: 11px;
color: #212121;
text-transform: none;
}

/* GLOBAL LINKS HOVER */
.usercontent a:hover {
color: #000000;
text-decoration: none;}

/* 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://i346.photobucket.com/albums/p403/Masterrmiiind/Small/ppurplearrow.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url(http://i273.photobucket.com/albums/jj205/krayxie/f1-2.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: #000000;
 border-style: solid;
 background-color: transparent;

}

/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Trebuchet MS;
font-size: 11px;
color: #212121;
text-transform: none;
}
.controlpanel .data {
  font-family: Trebuchet MS;
font-size: 11px;
color: #212121;
text-transform: none;
}
.data a {
  font-family: Trebuchet MS;
font-size: 11px;
color: #212121;
text-transform: none;
}
a.more {
  font-family: Trebuchet MS;
font-size: 11px;
color: #212121;
text-transform: none;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://i273.photobucket.com/albums/jj205/krayxie/buttone.png);
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
  font-family: Trebuchet MS;
font-size: 11px;
color: #000000;
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://i273.photobucket.com/albums/jj205/krayxie/buttone.png);
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
  font-family: Trebuchet MS;
font-size: 11px;
color: #000000;
text-transform: none;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url(http://i273.photobucket.com/albums/jj205/krayxie/F4.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://i273.photobucket.com/albums/jj205/krayxie/F2.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://i273.photobucket.com/albums/jj205/krayxie/F7.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 VIDEOS */
.videos {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY GROUPS */
.groups {
background-image: url(
http://i273.photobucket.com/albums/jj205/krayxie/F9.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://i273.photobucket.com/albums/jj205/krayxie/F5.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://i273.photobucket.com/albums/jj205/krayxie/F5.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://i273.photobucket.com/albums/jj205/krayxie/F6.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://i273.photobucket.com/albums/jj205/krayxie/F8.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://i273.photobucket.com/albums/jj205/krayxie/F8.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://i273.photobucket.com/albums/jj205/krayxie/F10.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://i273.photobucket.com/albums/jj205/krayxie/F3.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://i273.photobucket.com/albums/jj205/krayxie/F3.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
  font-family: Trebuchet MS;
font-size: 11px;
color: #212121;
text-transform: none;
}

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

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  background: transparent;
border-width: 1px;
border-color: #212121;
border-style: solid;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Trebuchet MS;
font-size: 11px;
  background-color: transparent;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 0px none #;
margin:-10px 0 0 0;
padding:510px 0 0 0;
background-image: url(http://i273.photobucket.com/albums/jj205/krayxie/smile.gif);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: bottom center;
position : relative !important ;
top : 224px;
left: 11px;
}

#subnav {display: none !important;}

#mainnav .mainfoldericon {
background: url(http://i446.photobucket.com/albums/qq184/risha_jam/arrow_pink.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 : #555555!important ;
background-color : transparent !important ;
text-align : center;
text-decoration : none !important ;
}
#mainnav a:hover {
  color: #555555!important;
}
#mainnav ul li ul {
background-color : #000000 !important ;
filter: alpha(opacity=40);
-moz-opacity:0.4;opacity: 0.4; 
}


/* SHOUTBOX */
.somsg { background-image:url('none') !important;  color: #000000; 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: #212121 !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 solid #212121; width: 220px! important; height: 100%; color: #212121!important ; overflow: hidden; font-weight: normal; font-size: 11px; -moz-border-radius: 30px;
  -webkit-border-radius: 25px; }


/* RECENT UPDATE BOX*/
.user_tracker {
color: #212121;
background-color: transparent;
background-image: url(http://);
background-position: center center;
background-repeat: repeat;
border-width: 1px;
border-color: #;
border-style: solid;
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: Trebuchet MS;
font-size: 11px;
font-weight: normal !important;
color: #212121 !important;
text-decoration: none !important;
}
.user_tracker a:hover {
  font-family: Trebuchet MS;
font-size: 11px;
font-weight: bold !important;
color: #212121 !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://i346.photobucket.com/albums/p403/Masterrmiiind/Small/ppurplearrow.gif) no-repeat left center;color:#212121;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://i346.photobucket.com/albums/p403/Masterrmiiind/Small/ppurplearrow.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://i346.photobucket.com/albums/p403/Masterrmiiind/Small/ppurplearrow.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: solid;
border-color: #E4B4F1;
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;}

#footer{
color: transparent;
height: 192px;
padding: 0px 0 0px  0;
background: transparent url(http://i273.photobucket.com/albums/jj205/krayxie/bottomasd.png) 
no-repeat;
background-position: top center;
position : relative !important ;
left: 2px;
top: 56px !important;
bottom: -20px;
}

#footer a {display:none!important;}

.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 5px 2px 5px;
  overflow: hidden;
border-width: 1px;
border-color: #555555;
border-style: solid;
  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=85); 

div #mainnav div div { display:none ! important;}

/* {--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/paperxdoll/" title="CamyCreations's layouts">CamyCreations's layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by CamyCreations on April 1st, 2009 (4:22 GMT).

Other layouts from 'Uncategorized' category:

Friendster-Layouts.com

SMiLE | Animated Crossover

Navigation Links

Browse Layouts

Sponsors