spiderman

Layout designer

Rate this layout

» Layout Preview

CLICK HERE TO GET THE CODE CLICK HERE TO GET THE CODE CLICK HERE TO GET THE CODE CLICK HERE TO GET THE CODE CLICK HERE TO GET THE CODE

Code for CSS section

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

/* FRIENDSTER-LAYOUTS.COM */
/* spider man crossover layout BY www.jomay-layouts.co.nr*/


/* PAGE BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2007/06/spiderman.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000000;
cursor: crosshair;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: ;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: transparent; 
border-style:ridge; 
border-top-color: #ffffff;
border-bottom-color: #ffffff; 
border-left-color: #B2B2B2;
border-right-color: #B2B2B2;
border-top-width: 10px;
border-bottom-width: 10px; 
border-left-width: 10px;
border-right-width: 10px;
overflow-x: hidden;}
}

/*main table */
table#flo_wrapper {
margin: 20px auto 20px auto;
border: #ffffff;
border-style: double;
border-width: 6px;
background: transparent;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url();
background-position: right bottom;
}

/* GLOBAL FONTS */
.usercontent {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff	;
  text-transform: lowercase;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #ffffff;
}
.usercontent a:hover {
  text-decoration: none;
  color: #ffffff;
  border-bottom-style:double; 
  border-bottom-width:2 px;
  border-top-style:double; 
  border-top-width:2 px;
}
/* MASTER BOXES */
.commonbox {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
.commonbox .evenrow {
  background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
  text-transform: lowercase;
  background-color: transparent;
  border-bottom: #ffffff 1px double;
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #ffffff;
  border-style: double;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
}
.controlpanel .data {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
}
.data a {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
  text-transform: lowercase;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
  text-transform: lowercase;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
#controlPanelButtons a:hover {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-color: #ffffff;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-color: #ffffff;
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  border-color:#ffffff;
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  border-color: #ffffff;
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
  text-transform: lowercase;
}
/* MISC: VIEW ALL LINKS */

.commonbox .viewall {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
  text-transform: lowercase;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 1px;
  border-color: #ffffff;
  border-style: double;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #ffffff;
  text-transform: lowercase;
  background-color: transparent;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}
/* hide the connection box */
#meettrail{display:none;background:transparent;}

/* hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* remove featured sponsor */

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#ffffff; 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;}

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

/* personalize logo */
#navigation {
background-color: transparent;
border: 1px double #ffffff;
margin:10px 0 10px 0;
padding:260px 0 0 0;
background-image: url(http://i168.photobucket.com/albums/u187/suicidegurl_layouts/crossover/spidermanbanner.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;
}

/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url() fixed no-repeat center; #ffffff;}

/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: 6px double #ffffff;
  width:380px; 
  height: 100px;
  background-color: TRANSPARENT;
  background-image: url();
  background-position: center;
  background-repeat: no repeat;
}

/* scrolling testimonial boxes */
.testimonials div div .dtd{width:100%;}
.testimonials div div .dtd ul{padding: 2px 2px 2px 2px; overflow: auto; border: 6px double #ffffff; width: 380px; height: 100px;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background-color: transparent;
background-image: url();
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #d44b03;
border-style: double;
border-width: 6px;
{ font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color:#ffffff; }
}

/* MAIN NAVIGATION LINKS */
#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: #ffffff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #ffffff  !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #ffffff !important;
}

/* IMAGE EFFECTS */
a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2); }

/* {--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/suicide_gurl/" title="♥JOMAY♥'s layouts">♥JOMAY♥'s layouts</a></p>

Add Layouts Widget

Download Background Image

• Published by ♥JOMAY♥ on June 1st, 2007 (9:29 GMT).

Other layouts from 'Artists/Celebrities' category:

Friendster-Layouts.com

spiderman

Navigation Links

Browse Layouts

Sponsors